jquery中的自定义事件

Question

我在按钮上绑定自定义事件以应用Jquery ui按钮插件，如：

      $(document).ready(function() { 
        $(".uibutton").live("CustomEvent", function() { $(this).button(); });
        $(".uibutton").trigger("CustomEvent");
      });

      <input type="button" class="uibutton" >

现在这适用present in the MarkUP中present in the MarkUP的按钮，但是使用class uibutton created dynamically的按钮，这不起作用。 谁能告诉我为什么？

Answer 1

正如评论中所提到的，问题似乎是即使自动事件成功绑定，即使对于具有类uibutton的动态创建按钮，每次创建新按钮时仍然需要再次触发事件。 .ready（）函数中的.trigger（）只会影响该时刻存在的按钮。

Answer 2

$（” UIButton的。）.trigger（ “自定义事件”）;

缺少关闭报价。

它应该是这样的：

$（ “UIButton的 ”）触发（“ 自定义事件”）。

试试吧。

Answer 3

我知道你已经提到使用on()并且它结果没有用，但请确保你已经像这样使用它：

$(document).on("click", ".uibutton", function() {
  /// My code....
});

并再次测试它。

问题是，您需要将此处理程序添加到document元素，这在document中可能并不明显。 只有这样你才能像live()一样使用on() live() 。 并且请使用on()版本，因为后者将在某个时刻从jQuery中删除。