当我使用ajax渲染Scroll部分时，iScroll不起作用

Question

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

如果我使用“for loop”将html渲染成滚动条部分，那么一切都运行良好。

但是当我使用ajax将我的数据渲染成滚动部分时.iScroll不起作用（无法滚动）。

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

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

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

Answer 1

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

也许是这样的：

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

<强>更新：

或者只要在添加完所有内容后调用loaded()功能。

完全披露：我没有使用iScroll，因此您的实施中可能存在我不会注意到的错误。在创建myScroll的新实例后，您可能需要对iScroll执行某些操作。我不确定。

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