将click-event附加到.select2-result中的元素 [英] Attach click-event to element in .select2-result

问题描述

我正在寻找一种方法将click-event附加到select2-result-item。
我已经将格式化结果和选择格式化为

I'm looking for a way to attach a click-event to a select2-result-item. I've gone ahead and formatted both result and selection via

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

添加info-icon
我现在尝试将简单的点击事件附加到.info元素但无法使其生效：

to add an "info"-icon I'm now trying to attach a simple click-event to the .info-element but can't get this to work:

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

任何帮助？
有类似问题的人吗？
这可能吗？

Any help? Anyone with a similar problem? Is this possible at all?

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

I prepared a jsFiddle at: http://jsfiddle.net/s2dqh/3/

推荐答案

因为Select2 lib会阻止弹出窗口上的任何点击事件列表您无法直接将事件绑定到 .info 。但是你可以重新定义 onSelect 方法并在那里放置你想要的任何代码。

Because Select2 lib prevent any click events on popover list you can't bind events to .info directly. But you can redefine onSelect method and place there any code you want.

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

多个选择的更新：http://jsfiddle.net/6jaodjzq/

这篇关于将click-event附加到.select2-result中的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！