javascript - 基于 jQuery 中的选择器动态向元素添加属性

Question

我被一些基于 jQuery 的库所困扰，它迫使我向标记中的许多元素添加一个属性，以便它“不引人注目地”为我做一些 AJAX 表单发布，就好像它们没有一样还没有查字典来了解“不引人注目”的实际含义。

在尝试从外部查看所述库以更改它正在使用的选择器之后，我放弃了这一点，现在尝试使用 jQuery 添加属性，以便我可以使其实际上不引人注目。

如果我这样做:

$('form.filter, .pagination a, .sortable a').attr('data-remote', true);

这会在执行时修复每个元素。问题在于 AJAX 查询会替换页面的某些部分，然后包含更多应添加该属性的元素。所以我发现第一次点击有效，但第二次点击没有使用 AJAX 加载页面，此时循环重复，因为整个文档已再次加载。

我隐约认为 on() 是用于此类事情的，但我尝试了多种使用它的方法，但它们都还没有触发(我有一个警报 在那里，这样我就可以知道它什么时候发生。)

执行此操作的正确方法是什么？

Answer 1

最好的办法是找到表单发布的成功回调，并在其中包含您的属性分配。您还可以使用全局 ajax 成功回调，如 Floris 所说，添加

$(document).ajaxSuccess(function() { 
    $('form.filter, .pagination a, .sortable a').attr('data-remote', true);
});