【问题标题】:jquery-ias not loading anythingjquery-ias 没有加载任何东西
【发布时间】:2014-11-12 10:40:17
【问题描述】:

我正在使用 jquery-ias.min.js 在我的页面中生成无限滚动,但插件没有显示任何内容.. 只是“没有更多页面要加载”的消息? 我正在使用此代码。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="/_layout/js/jquery-ias.min.js"></script>
<script type="text/javascript">
    var ias = $.ias({
        container: "#posts",
        item: ".post",
        pagination: "#pagination",
        next: ".next a"
    });
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASTriggerExtension({
        offset: 2
    }));
    ias.extension(new IASNoneLeftExtension({
        text: 'There are no more pages left to load.'
    }));
</script>

【问题讨论】:

  • 请输入您的html代码

标签: jquery ajax jquery-ias


【解决方案1】:

响应there are no more pages left to load 表示下一页不存在。
检查您的 next 选择器 (.next a) 是否正确,也许它没有获取链接。如果选择器正确,请检查您的服务器对下一页的响应。

更新
你的html:

<div id="pagination"> 
    <a class="" href="/highlights-1" >2</a> 
    <a class="next" href="/page2.html" >1</a> 
</div>

您获取下一个链接的选择器无效,如果您尝试$('.next a'),结果将是一个空数组。正确的只是.next
将您的初始化更改为:

var ias = $.ias({
    ...
    next: ".next"
});

【讨论】:

  • 这些是我正在使用的链接
  • 我尝试了您的解决方案,但它仍然无法正常工作......现在它只显示“加载更多项目”的消息
  • 任何人请告诉我在这里做什么..@vcarvalho
  • 在您的页面中没有.next 链接(例如:&lt;a href="..." class="next"),所有链接的类属性都为空。问题出在你的 html
猜你喜欢
  • 1970-01-01
  • 2017-09-25
  • 2011-10-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-09-19
  • 1970-01-01
相关资源
最近更新 更多