Я использую следующий код, чтобы показать больше контента, когда пользователь прокручивается в нижней части экрана.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>
элемент, чтобы вызвать функцию.
Любые идеи о том, как реализовать это?
Что не работает? –