当标签单击时不触发时的Click事件。如何捕获事件

Question

我使用下面的插件来创建标签。标签被创建的很好，只是当我点击一个标签时，标签点击事件不会触发。请帮帮忙。

it/tag-it/‎

$('#myTags').tagit({
    select: true,
    sortable: true,
    triggerKeys: ['enter', 'comma', 'tab'],
    onTagClicked: function (evt, ui) {
        addEvent('onTagClicked: ' + eventTags.tagit('tagLabel', ui.tag));
    }
});

<ul id="myTags"></ul>
<div id="events_container"></div>

Answer 1

我假设您使用的是addEvent函数，它是演示here中使用的一个自定义函数。

var addEvent = function(text) {
  $('#events_container').append(text + '<br>');
};

你基本上不需要这个函数，它只是被demo用来显示点击的事件。您可能忘记了复制粘贴该函数;)

尝试在onTagClicked中发出警报

$('#myTags').tagit({
    select: true,
    sortable: true,
    triggerKeys: ['enter', 'comma', 'tab'],
    onTagClicked: function (evt, ui) {
        alert("You clicked me");
        //do whatever you want to do here
    }
});