2014-09-25 2 views
0

Я использую следующий код, чтобы показать больше контента, когда пользователь прокручивается в нижней части экрана.jQuery ручной щелчок, если событие прокрутки завершено

$(document).ready(function() { 
    $('#items').eq(0); 

    $("#items .itemDiv").slice(12).hide(); 
    var rowCount = $('#items .itemDiv').length; 

    $(window).scroll(function showMore (e) { 

     e.preventDefault(); 

     if ($(window).scrollTop() + $(window).height() == $(document).height()) { 

      $("#items .itemDiv:hidden").slice(0, 12).fadeIn("slow"); 

      if ($("#items .itemDiv:hidden").length == 0) { 
       if (!('appendEnd' in showMore)) { 
        showMore.appendEnd = true; 
        $(".itemscrl").append("<div>You have reached the end.</div>");     
       } 
      } 
     } 
}); 

Проблема заключается в том, что она не работает на некоторых устройствах (например, Android Chrome), поэтому я хотел бы включить возможность разрешить пользователю щелкнуть <a> элемент, чтобы вызвать функцию.

Любые идеи о том, как реализовать это?

+0

Что не работает? –

ответ

0

Я подозреваю, что когда вы звоните e.preventDefault(); в свой код, вы нарушаете прокрутку страницы.

Удалите следующие из кода, я не вижу никаких оснований для отключения scrollability по умолчанию страницы:

e.preventDefault(); 
Смежные вопросы