.load()使.button(“刷新”)停止工作

Question

我有一大段代码，我正在使用$('.data').prop('checked', false).button("refresh");取消选中并刷新一组复选框上的jQuery UI样式，这些复选框的类是数据。它一直运行得很好，直到我的代码运行刷新output.php文件的$("#div").load('output.php')。在这之后，.prop('checked'，false)可以正常工作，但是.button("refresh")停止工作。

因此，发生的情况是复选框保持正确取消选中，但jQuery UI样式不会刷新，因此即使它们不是选中的，它们也会显示为选中状态。页面一开始就包含了Output.php，我尝试用$("#div").load('text.txt')替换加载，但它仍然停止工作，即使它只是加载文本文件。

所以看起来.load()破坏了.button(“刷新”)。有没有什么想法可能会导致这种情况，或者有什么潜在的解决方案？

Answer 1

我加载的内容是html，并且有一个<head>部分。这就是破坏.button(“刷新”)的原因。我将标题中的内容包含在我的主页标题中，这就解决了问题。

Answer 2

.data在#div内吗？如果是这样的话，output.php的内容将替换它，被替换的元素将不会携带jQuery UI事件数据，因为它从未绑定到它们。