javascript - 扩展 Twitter Bootstrap 的模态插件

Question

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

$("#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') 被传递给克隆的对象。