JQuery Bootstrap Multiselect动态绑定事件处理程序

时间:2016-08-17 09:53:18

标签: javascript jquery bootstrap-multiselect

我在这里使用JQuery Bootstrap multiselect:https://github.com/davidstutz/bootstrap-multiselect

它完美地工作但我想在多选已经初始化后动态添加事件处理程序,例如:

$("selector").multiselect();

....

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

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

1 个答案:

答案 0 :(得分:0)

我自己找到了解决方案。

让我们以这样的方式初始化多选:

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

其中multiselectshow是自定义事件,专门针对此案例声明。

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

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

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