Question

我遇到了ajax无限滚动的问题，浏览器中的后退按钮将我返回到页面的上一个加载部分。如何让它返回上一页？

$(document).ready(function() {
    // Infinite Ajax Scroll configuration
    jQuery.ias({
        container : '.wrap', // main container where data goes to append
        item: '.item', // single items
        pagination: '.nav', // page navigation
        next: '.nav a', // next page selector
        loader: '<img src="css/ajax-loader.gif"/>', // loading gif
        triggerPageThreshold: 3 // show load more if scroll more than this
    });
});

这是导航：

<?php if (isset($next)): ?>
    <div class="nav">
        <a href='index.php?p=<?php echo $next?>'>Next</a>
    </div>
<?php endif; ?>

现在我应该使用Rewrite，因为它会为我的网址添加新值，还是有其他解决方案？

代码来自此页面：link

Answer 1

如果您使用的是GitHub版本，则只需停用分页和历史记录插件即可。如果您使用的是w3bees版本，那么在默认列表中，您会注意到历史记录条目：

e.ias.defaults = {
        container: "#container",
        scrollContainer: e(window),
        item: ".item",
        pagination: "#pagination",
        next: ".next",
        noneleft: !1,
        loader: '<img src="images/loader.gif"/>',
        loaderDelay: 600,
        triggerPageThreshold: 3,
        trigger: "Load more items",
        thresholdMargin: 0,
        history: !0,
        onPageChange: function() {},
        beforePageChange: function() {},
        onLoadItems: function() {},
        onRenderComplete: function() {},
        customLoaderProc: !1,
        customTriggerProc: !1

只需将其值更改为history: 0;即可。

Ajax无限滚动和分页错误

1 个答案: