javascript - JQuery Bootstrap Multiselect 动态绑定(bind)事件处理程序

Question

我正在使用 JQuery Bootstrap 多重选择:https://github.com/davidstutz/bootstrap-multiselect

它工作得很好，但我想在多选已经初始化后动态添加事件处理程序，例如:

$("selector").multiselect();

....

$("selector").bind('onDropdownShown', function(event) {
    ...
}

我能够在插件初始化时添加此类处理程序(第 1 行)，但对我来说，在代码的另一部分动态地执行此操作很重要。

Answer 1

我自己找到了解决方案。

让我们这样初始化多选:

 $('selector').multiselect({
        onDropdownShow: function(event) {
            $(event.currentTarget).trigger("multiselectshow", event);
        }
    });

其中 multiselectshow 是一个自定义事件，专门为此情况声明。

然后，在需要自定义 react 的文档中，让我们声明这样的事件处理程序:

$(document).on("multiselectshow", function(event) {
     console.log("Success!");
});

该解决方案允许在初始化行之外为任何插件的内置事件实现自定义处理程序，并且是官方文档和网络中描述的唯一方法的替代方法。