jquery ias插件不适用于我的网站,加载更多项目不起作用
jquery-ias plugin doesnt work with my website, load more items doenst work
我把我的网站设置成这样:
<div id="posts" class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="post post-preview">
<a href="post.html">
<h2 class="post-title">
Visualization Data Art
</h2>
<h3 class="post-subtitle">
How to make sense of big data
</h3>
</a>
<p class="post-meta">Posted by <a href="#">KP</a> on September 24, 2016</p>
</div>
<hr>
<div class="post post-preview">
<a href="3.html">
<h2 class="post-title">
About this blog
</h2>
</a>
<p class="post-meta">Posted by <a href="about.html">KP</a> on September 18, 2016</p>
</div>
<hr>
</div>
<div id="pagination">
<a href="2.html">1</a>
<a href="3.html" class="next">2</a>
</div>
我的javascript是:
var ias = jQuery.ias({ container: '#posts', item: '.post', pagination: '#pagination', next:'.next ' });
当我尝试加载更多内容时,"旧帖子"按钮会消失,不会显示任何页面。我只尝试在网站上找到的基本示例。
我觉得分页不对。下面是文档Infinite AJAX Scroll docs,你可以看到".next"用于链接,而不是代码中的"li"。你在"li"标记和"a"标记上使用它。我认为这个插件的工作方式是在a标签上查找href,然后ajax调用它并获取内容,然后附加到容器DOM中。
<ul id="pagination" class="pager">
<li class="next">
<a href="2.html">1</a>
<a class="next" href="2.html">Older Posts →</a>
<a href="2.html">3</a>
</li>
</ul>
相关文章:
- Netsuite Suitelet:在不达到治理限制的情况下,遍历事务行项目的列表加载和提交记录
- 无法加载Ace.js编辑器模式和主题(命名空间项目&AMD require.js&grunt
- 如何在页面加载后禁用下拉列表框项目的选择
- 在Knockout JS中搜索从DB加载数据的项目
- HTML/JS github页面项目没有't在使用firefox运行时加载图像或声音
- 如何使用 javascript 从 Web 服务重新加载项目集合
- 没有在django项目中加载CSS文件
- jquery ias插件不适用于我的网站,加载更多项目不起作用
- JQuery Masonry.Ajax图标和“;加载新项目”;绳子放错地方了
- 使用jquery将html文件加载到html中,用于离线/本地项目
- 在新表单上使用JavaScript创建多个共享点项目,但将下一页加载延迟到全部创建
- 限制在角度中过滤是否会阻止在 ng 重复中加载其他项目
- jquery未加载.我需要帮助将jquery添加到我的项目中.它没有加载javascript文件
- 使用筛选延迟加载项目
- Vaadin组合框:在输入时加载项目
- 当用户点击后退按钮时,如何加载项目
- 在页面上加载项目时出现 JavaScript 错误
- 使用Ext-js动态加载项目“;装载器”;
- 如何使加载项目的数量与屏幕大小相关
- 套件脚本 从多选字段加载项目记录