jquery - Rails UJS "on"用于处理ajax事件

Question

我在 Rails 应用程序中使用 jQuery 方法“on”来将事件附加到并不总是存在的表单上。当 #myForm 附加到文档时，它似乎没有附加事件处理程序。

以下是 UJS 对 on() 的建议用法:

$("#myForm").on("ajax:complete", function(xhr, status) { ... }

这是我通常如何实现 jQuery 的 on()，但这似乎不起作用:

$("body").on("ajax:complete", "#myForm", function(xhr, status) {...}

Rails UJS 维基:https://github.com/rails/jquery-ujs/wiki/ajax

Answer 1

UJS 与 on 函数实际上没有太多关系。这是由 jQuery 提供的，并且有多种形式。 UJS 只是触发 ajax:complete 事件，这样您就可以自己挂接它。

选择器参数是可选的，因此两者

$(...).on("ajax:complete", function(xhr, status) { ... }

和

$(...).on("ajax:complete", "form", function(xhr, status) { ... }

都是有效的用途，尽管它们的工作方式有所不同。