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

Bauka

Гуру форума
Регистрация
17 Янв 2013
Сообщения
118
Реакции
87
Здравствуйте дорогие форумчане!
Помогите пожалуйста изменить небольшой скрипт.
Код:
$("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, контент подгрузится. Хотелось бы сделать так, чтобы контент подгружался при прокрутке. Спасибо )
 
попробуй так
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;
  }
  });
 
Не сработало... А как сделать так, чтобы при прокрутке до DIV блока только загружалась?
 
Не сработало... А как сделать так, чтобы при прокрутке до DIV блока только загружалась?
а куда вставляешь код ?
как вариант попробуй еще так
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;
            }
        });
    });
 
попробуй так
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;
  }
  });

а почему везде $(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");
 
Последнее редактирование:
Назад
Сверху