1
Я использую бесконечный плагин прокрутки для своей страницы, но после написания кода он, похоже, не работает. Я прокручиваю нижнюю часть страницы, но бесконечный свиток не запускается. Я включил все необходимые файлы, но все равно бесполезен. Я включил страницу xhtml. Я прошел через сайт stackoverflow, но мне не удалось найти ничего похожего на мою проблему.бесконечный прокрутка не работает
1) XHTML
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
<link href="Css/StyleSheet.css" rel="stylesheet" type="text/css"
media="screen" />
<script src="jquery.infinitescroll.js"></script>
<script>
$('#box').infinitescroll({
navSelector : '#page-nav',
// selector for the paged navigation (it will be hidden)
nextSelector : '#page-nav a',
// selector for the NEXT link (to page 2)
itemSelector : '.box'
// selector for all items you'll retrieve
behaviour: 'twitter'
});
</script>
</h:head>
<h:body class="thrColElsHdr">
<div class="box">
// Content
</div>
<div id="page-nav">
<a href="getMoreStatusList.xhtml"></a>
</div>
<!-- end #mainContent -->
</div>
</div>
</h:body>
Вы приносите в плагин сценария infinitescroll, но не JQuery сам. Кроме того, как только вы включите jquery, вы, вероятно, захотите обернуть свой скрипт внутри [функции готовности документа] (http://api.jquery.com/ready/). – Bryan
Включил файл jquery и завернул его в функцию готовности документа, но все же он не срабатывает. –
Единственное, что я вижу, это то, что вы настраиваете бесконечность на элемент с идентификатором поля (например, '$ ('# box') ...'), но элемент, указанный в вашей разметке, имеет класс окна , а не id. Попробуйте изменить на '$ ('. Box'). Infinitescroll ({...});' – Bryan