扩展 Twitter Bootstrap 的模态插件

Extending Twitter Bootstrap's Modal Plugin

本文关键字：模态 插件 Bootstrap Twitter 扩展      更新时间：2023-09-26

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

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

尝试了上述方法，但什么也没做。

我不想为代码中的所有模式调用指定上述函数。我真正想要的是为所有模态创建一个通用函数，无论何时显示或隐藏。

谢谢！

您的代码不起作用，因为您将事件处理程序附加到$('#xyz')，但您正在从 $('#xyz').clone() 创建一个模态，这是一个单独的对象。

尝试：

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

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

相关文章：