javascript - 将点击事件附加到 .select2-result 中的元素

Question

我正在寻找一种将点击事件附加到 select2-result-item 的方法。我已经通过以下方式格式化了结果和选择

function format(state) {
    if (!state.id) return state.text; // optgroup
    return state.text + " <i class='info'>link</i>";
}

添加“信息”图标我现在尝试将一个简单的点击事件附加到 .info-element 但无法让它工作:

$('.info').on('click', function(event){
    event.preventDefault();
    alert("CLICK");
    $('#log').text( "clicked" );
});

有什么帮助吗？有人有类似的问题吗？这可能吗？

我准备了一个jsFiddle:http://jsfiddle.net/s2dqh/3/

Answer 1

因为 Select2 lib 阻止弹出列表上的任何点击事件，所以您无法直接将事件绑定(bind)到 .info 。但是您可以重新定义 onSelect 方法并在其中放置您想要的任何代码。

参见示例:http://jsfiddle.net/f8q2by55/

更新多项选择:http://jsfiddle.net/6jaodjzq/