javascript - Jquery 的 Html 响应不适用于 javascript

Question

我发现了很多与这个问题类似的帖子，但我不认为我做错了，因为我没有将 javascript 放入 ajax 调用的响应中。

基本上，ajax 返回放置在 div 内的纯 html。该 div 位于我的页面内，并且该页面已包含对 css 和 javascript 文件的引用。

在其中一个 javascript 文件中，我尝试渲染由 ajax 调用返回的按钮，以便使用 jquery ui 函数看起来不错，所以基本上我所做的就是这个

$(".ButtonClass").button();

这段代码位于document.ready函数中，ajax返回的html包含所有按钮的“ButtonClass”。

.button() 适用于返回的 ajax html 之外的按钮，但不适用于 ajax 调用返回的元素。

我认为它应该有效，因为 css 样式应用于结果，但我无法获得任何函数来处理结果，我重复一遍，我不返回 javascript 代码，我将此代码放在外部文件中，该文件在整个页面。

Answer 1

如果您想为 AJAX 请求返回的元素启用按钮，则应在收到响应时再次执行。

.button() 在调用时选择的元素上执行 - 其中不包括在发出 AJAX 请求之前调用时的 AJAX 元素。

请注意，$(".ButtonClass") 还将包含之前的 .ButtonClass 元素，因此它们将被转换为按钮两次。您必须仅从 AJAX 响应中选择那些。