javascript - jQuery 数据渲染问题

Question

我正在尝试根据 div 中定义的模板使用 JQuery 呈现包含复选框的菜单。我有一个搜索框，可以缩小菜单范围。

发生了一些奇怪的事情。当我有大量菜单项（大约 5000 个项）时，它最初呈现良好。然后，如果我输入一些内容并缩小结果范围，它就可以正常工作。但是，当我按下退格键并返回到完整的项目列表时，div 会移动一秒钟并重新出现在正确的位置。

我不知道发生了什么。任何关于在哪里进行调试的指针都会有所帮助。谢谢！

Answer 1

看看Chrome 开发者工具。那里有很多你可能永远不会使用的东西，但对于这个任务，我会看看元素选项卡和脚本选项卡，以暂停 JavaScript 事件并检查 DOM 元素的样式。

这是一个通用问题的通用答案。如果您使用的是 Firefox，请查看Firebug，但我更喜欢 Chrome 的工具，并且发现它们更好地集成和用户友好，主要是因为使用它们的次数更多。