扩展Twitter Bootstrap的Modal插件

Question

我正在尝试扩展Twitter Bootstrap的Modal插件。 当显示和隐藏模态弹出窗口时，是否有一种干净的方式来触发动作。

$("#xyz").clone().modal({"backdrop": "static", "keyboard":true, "show":true});
$("#xyz").on("shown", function(e){ console.log("hi");});

尝试了上述但没有做任何事。

我不想在我的代码中为所有模态调用指定上述函数。 我真正想要的是在显示或隐藏时为所有模态制作通用函数。

谢谢！

Answer 1

您的代码无效，因为您将事件处理程序附加到$('#xyz')，但您正在创建一个来自$('#xyz').clone()的模式，这是一个单独的对象。

尝试：

$("#xyz").on("shown", function(e){ console.log("hi");});
$("#xyz").clone(true).modal({"backdrop": "static", "keyboard":true, "show":true});

首先附加事件处理程序，然后克隆它，确保将true作为参数传递，以便将所有事件处理程序和附加到$('#xyz')的数据传递给克隆对象。