Динамическая подгрузка контента при прокрутке

Тема в разделе "JavaScript", создана пользователем Bauka, 28 июл 2014.

Модераторы: ZiX
  1. Bauka

    Bauka Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    114
    Симпатии:
    58
    Здравствуйте дорогие форумчане!
    Помогите пожалуйста изменить небольшой скрипт.
    Код:
    $("a.more-btn").live("click",function(){
        var page_id = $(this).attr("data-id");
        var page = $(this).attr("data-page");
        var container = $(this).attr("data-container");
        MoreBtnClick(page,page_id,container);
        return false;
    });
    Этот код означает что если нажать на кнопку с ID more-btn, контент подгрузится. Хотелось бы сделать так, чтобы контент подгружался при прокрутке. Спасибо )
     
  2. kir9-molodoi

    kir9-molodoi

    Регистр.:
    31 май 2014
    Сообщения:
    250
    Симпатии:
    78
    попробуй так
    HTML:
    
    
      $(window).scroll(function(){
      if ( $(this).scrollTop() > 250){
      var page_id = $(this).attr("data-id");
             var page = $(this).attr("data-page");
             var container = $(this).attr("data-container");
             MoreBtnClick(page,page_id,container);
             return false;
      }
      });
    
    
     
    freet и Bauka нравится это.
  3. Bauka

    Bauka Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    114
    Симпатии:
    58
    Не сработало... А как сделать так, чтобы при прокрутке до DIV блока только загружалась?
     
  4. kir9-molodoi

    kir9-molodoi

    Регистр.:
    31 май 2014
    Сообщения:
    250
    Симпатии:
    78
    а куда вставляешь код ?
    как вариант попробуй еще так
    HTML:
    $(document).ready(function(){
                     var page_id = $(this).attr("data-id");
                    var page = $(this).attr("data-page");
                    var container = $(this).attr("data-container");
            $(window).scroll(function(){
                if ( $(this).scrollTop() > 250 ){
                    MoreBtnClick(page,page_id,container);
                    return false;
                }
            });
        });
     
    freet нравится это.
  5. freet

    freet Создатель

    Регистр.:
    21 янв 2014
    Сообщения:
    17
    Симпатии:
    9
    Уважаемый, kir9-molodoi, а можно подробней, куда необходимо вставить этот код? Какой-нибудь пример.. Очень интересно.. Спасибо..
     
  6. warg

    warg Постоялец

    Регистр.:
    26 июн 2007
    Сообщения:
    122
    Симпатии:
    122
    а почему везде $(this) ? скорей всего неправильный контекст поэтому и не работает.
    можно попробовать поменять
    HTML:
    
    if($(this).scrollTop() > 250) -> if($(window).scrollTop() > 250)
    
    data-id, data-page, data-container судя по оригинальному коду атрибуты more-btn ?
    если да, то:
    HTML:
    
      var page_id = $("a.more-btn").attr("data-id");
      var page = $("a.more-btn").attr("data-page");
      var container = $("a.more-btn").attr("data-container");
    
     
    Последнее редактирование: 28 июл 2014
  7. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
    freet нравится это.
  8. Ewgi

    Ewgi Создатель

    Регистр.:
    26 сен 2014
    Сообщения:
    12
    Симпатии:
    1
  9. Velidan

    Velidan Писатель

    Регистр.:
    13 июл 2014
    Сообщения:
    8
    Симпатии:
    3