jquery - 当我使用 ajax 渲染 Scroller 部分时，iScroll 不起作用

Question

我遇到了一个奇怪的问题。

如果我使用“for循环”将html渲染到滚动部分，一切正常。

但是当我使用 ajax 将我的数据呈现到滚动部分时。iScroll 不起作用（无法滚动）。

这是我的网址：http: //yuanwang.sinaapp.com/8505/item.html

您可以复制我的代码并自己尝试。

打开 item.js 并尝试运行“for循环”，你可以看到一切运行良好。

Answer 1

您是否尝试过在通话的成功功能中设置 iScroll .ajax()？看起来您正在尝试在各种定时事件之后进行各种调用迭代，但我认为如果在函数loaded中添加所有 DOM 元素后进行设置，您会发现更多成功。 .success()

也许是这样的：

for ...
    for ...
        $('#thelist').append("<li>"+ co...
    }
}
myScroll = new iScroll('wrapper');

更新：

或者在添加完所有内容后调用您的loaded()函数。

完全披露：我从未使用过 iScroll，因此您的实现中可能存在我不会注意到的错误。在myScroll创建iScroll. 我不知道。

如果这不能解决您的情况，请告诉我。