动态更新后 JQuery 可滚动锁定答案

【问题标题】：JQuery Scrollable Locking up after dynamic update动态更新后 JQuery 可滚动锁定
【发布时间】：2011-03-07 21:20:11
【问题描述】：

所以我一直在玩一个名为Scrollable 的JQuery 插件。我对起床和前进的轻松程度印象深刻，但现在我遇到了阻碍，希望你们能提供帮助。

我的可滚动 div 包含一堆在某个类别中“精选”的图标。如果类别发生变化，我使用 JQuery 清除“特色项目” div，计算项目数量，并根据需要填写。我清除所有内容，因为在 0 的情况下，我不会向 div 写入任何内容，并且页面上的内容会调整。

我的问题是，在其中一个清除后，滚动停止工作。我试过打电话

$("#scroller").scrollable({
    circular: false
});

每次更新后，但这似乎并不能解决问题。我熟悉使用“刷新”类型命令重新加载内容的其他 JQuery 工具。这个插件有类似的东西吗？关于我应该做什么的任何想法？

谢谢！

【问题讨论】：

您是否尝试过解除绑定可滚动对象并在进行 DOM 操作后重新绑定？
我尝试在每个 DOM 操作开始时执行 "$("#scroller").unbind('scroll'); ，然后是 "$("#scroller")。可滚动...”在每个末尾。你指的是这个吗？

标签： javascript jquery html scrollable jquery-scrollable

【解决方案1】：

Scrollable 上有一个函数，Scrollable.addItem 应该允许您动态添加项目。

【讨论】：

【解决方案2】：

我最终重写了页面，永远不会从 DOM 中删除可缩放的 div。有了这个，我最终使用了这个工作流程......

滚动到第一项。如果用户在第 5 页并且他们选择的内容只有 3 页，如果您不向后滚动，用户将被困在空白页上。
window.api.seekTo(0, 0);
清空“项目”div。
$(".items").empty();
使用“addItem”方法重新添加我的项目。
window.api.addItem(htmlToAdd);

这似乎效果更好。

【讨论】：