jquery.jscroll并从主容器中删除div

时间:2017-07-19 08:35:12

标签: javascript jquery django

我开始用jquery旅行(感谢django)。

我使用jquery.jscroll延迟加载下一页(现在)完美无缺地工作(感谢添加doctyp html),当我向下滚动页面时它工作正常,问题是我什么时候开始#39 ; t滚动,但使用按钮删除我从页面看的内容。

我尝试了一点 hack 移动窗口1px,但只需点击几下就可以将菜单移出视图 - 我想将其更改为可行的。

我的代码是: HTML:

<div class="scroll" id="scroll">
        {% if is_paginated %}
            {% if page_obj.has_next %}
                <center><a href="?page={{ page_obj.next_page_number }}" class="last">more</a></center>
            {% endif %}
        {% endif %}
</div>
<script>
$('.scroll').jscroll({
    autoTrigger: true,
    nextSelector: 'a:last',
    loadingHtml: '<center><img src="../../static/loading.gif" alt="Loading" /> Loading...</center>'
});
</script>

我的js文件如下所示:

function hidePost(my_id)
{
   $.ajax({
        url: "/post/hide/" + my_id,
        type: "POST",
        success:function(msg) {
            $('#' + my_id).remove();
            $('.lazy').Lazy();
            window.scrollTo(window.scrollX, window.scrollY + 1);
            return false;
        },
        error:function(jqXHR, textStatus)
        {
           alert('Error Occured');
           alert(textStatus);
           alert(jqXHR);
        }
     });
}

此代码工作正常但window.scrollTo(window.scrollX, window.scrollY + 1);让我向下滚动,如果我添加window.scrollTo(window.scrollX, window.scrollY - 1);向后移动,则它不会触发$('.scroll').jscroll而我不想触发$('.scroll').jscroll每次我隐藏PostPost因为每页有25个帖子而且隐藏所有我会预先加载25个下一页。

有没有办法模拟滚动(没有移动窗口)或仅在可见时触发jscroll(正如现在所做的那样)?

0 个答案:

没有答案