javascript - 使用Jquery On将动态事件附加到元素(在动态元素上使用jquery插件)

我知道您可以使用

$(selector).on("click", "#myelement", function()
{ ...
}).

但我想做这样的事情：

$("body").on("tagsinput", "#myelement", function()
{ ...
}).

我希望动态元素“ #myelement”在DOM中时使用tagsinput插件

主要是当元素已经在DOM中时使用jquery插件，如下所示：

$(function (){ $("#myelement").tagsinput(); });

帮帮忙！ ：D

最佳答案

您可以在用户单击元素时初始化tagsinput（如果存在），我认为这可以解决您的问题。

$(document).on("click", "#myelement", function() {
  // don't add the functionality twice
  if ($(this).data("tagsinput-initialised")) return;

  // don't try to add functionality if plugin hasn't loaded
  if ($.isFunction($.fn.tagsInput)) {
    // "save" that we've applied the functionality
    $(this).data("tagsinput-initialised", true);
    // do it
    $(this).tagsinput();
  }
});