Question

我正在使用jquery-scroll-pagination插件处理项目，以便在滚动时动态加载其他内容：https://github.com/andferminiano/jquery-scroll-pagination

这个想法是为用户提供不同的观点。目前，这是通过使用jquery load事件来完成的，当用户单击按钮时将加载内容。

我面临的问题是“scrollPagination”函数保留在内存中并在#content上处于活动状态。如果用户单击视图并切换回来，则会再次加载#content的scrollPagination。然后执行两次所有调用。

有没有办法阻止scrollPagination函数多次处于活动状态？

    function loadscrollPagination() {
        setTimeout(function() {
            $('#content').scrollPagination({
                nop: 10, // The number of posts per scroll to be loaded
                offset: 0, // Initial offset, begins at 0 in this case
                error: 'No More Posts!', // When the user reaches the end this is the message that is
                delay: 500, // When you scroll down the posts will load after a delayed amount of time.
                scroll: true // The main bit, if set to false posts will not load as the user scrolls.
            });
        }, 100);
    }

    $("div.detail").click(function() {
        $('section').load('detailed-view.php', function() {
            loadscrollPagination();
        });
    });

Answer 1

也许jQuery.one()可以解决问题：

#('section').one('load', 'detailed-view.php', function() {...})

有关详细信息，请参阅此处：http://api.jquery.com/one/

JavaScript：如何防止loadscrollPagination函数被多次加载

1 个答案: