gpt4 book ai didi

javascript - 无限滚动不起作用

转载 作者:行者123 更新时间:2023-11-28 09:19:46 24 4
gpt4 key购买 nike

我正在为我的页面使用无限滚动插件,但编写代码后它似乎不起作用。我滚动到页面底部,但无限滚动没有被触发。我已经包含了所有必要的文件,但仍然没有用。我已经包含了 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>

最佳答案

您错过了一个逗号:

项目选择器:'.box'

关于javascript - 无限滚动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15180112/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com