動態添加的元素上的事件處理程序不適用於select2插件

Question

我已經做過百萬次，但這一次根本行不通！ 我有一個功能，可以動態添加帶有鏈接的表單，該鏈接將充當按鈕

content += '<a name="btn-opprettKontakt" id="btn-opprettKontakt" class="btn-opprettNy btn btn-small btn-primary pull-right" data-action="opprettKontakt">Opprett</a>';
return content;

然后我有這個鏈接的事件處理程序

$('body').on('click','.btn-opprettNy', function() {
                alert('button clicked');
            });

該表單位於select2容器內，該容器也被動態添加，因此除“ body”外沒有其他父元素。 但這永遠不會觸發。

我還為所有“按鈕”元素提供了一個事件處理程序，用於檢查數據操作，該操作適用於所有其他按鈕。 如果我將此鏈接更改為按鈕，則永遠不會觸發。

我在這里想念什么嗎？ 如果我使用document.ready上存在的元素（例如“ body”），那么.on（）應該適用於動態添加的元素，對嗎？ 也許select2容器搞砸了？

我在動態添加的元素上還具有其他事件處理程序，它們工作正常。

更新

Select2會殺死下拉菜單中的所有鼠標事件。 到目前為止，我發現的唯一解決方案是使用嵌入式onclick

Answer 1

Select2會殺死下拉菜單中的所有鼠標事件。 到目前為止，我發現的唯一解決方案是使用嵌入式onclick

這也是一個可以幫助其他人解決類似問題的解決方案。