使用Jquery On将动态事件附加到元素（在动态元素上使用jquery插件）

Question

我知道您可以使用

附加活动

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

但我想做这样的事情：

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

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

主要是当元素已经在DOM中时，我使用了jquery插件：

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

帮忙帮忙！ ：D

Answer 1

当用户点击元素时，您可以初始化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();
  }
});