Select2 off（'change'）。on（'change'...）無法更改所選選項

Question

我使用Select2-4.0.0和

$gameSelect.select2().on("change",function(e){....}

工作良好。

但是，當我將其關閉后（'更改'），如：

$gameSelect.select2().off('change').on("change",function(e){....}

觸發事件但所選項目在UI處不會更改。

這是為什么？

Answer 1

看起來select2-4.0正在將自己的更改處理程序添加到select元素，當你說off('change')也被刪除時，這就是原因。

為了解決這類問題我們有事件名稱間隔，所以，使用命名空間給你的處理程序並使用它來刪除它們

$('#my-select').select2().off('change.mychange').on('change.mychange', function () {
    //your code
});

演示： 小提琴

Answer 2

要保留select2的設置 ，請使用此代碼而不是接受的解決方案：

$('#my-select').off('change.mychange').on('change.mychange', function () {
    //your code
});

您無需重新.select2() 。 這是不必要的，也更短。