通过 javascript 触发时指定的 Twitter Bootstrap 模态按钮选项

Posted 2023-02-22

【中文标题】通过 javascript 触发时指定的 Twitter Bootstrap 模态按钮选项

【英文标题】：Twitter Bootstrap Modal button options to specify when triggering via javascript

【发布时间】：2013-05-20 20:03:58

【问题描述】：

为了触发 Twitter Bootstrap 模式的打开，我有一个按钮，并且在按钮的单击事件上我有一个 Jquery Java Script 函数。

Q1) 在 JS 函数中，如果我指定 $("#mymodal").modal('show');

是否还需要将 data-toggle="modal" 指定为按钮元素中的属性之一？

Q2) 我需要在我的 JS 函数中指定 $("#mymodal").modal('toggle') 之前的 $("#mymodal").modal('show') 吗？

Q3) 我是否需要在我的 JS 函数中单独指定 $("#mymodal").modal('toggle') 而不需要 $("#mymodal").modal('show')？

Q4) 在这种情况下，当我通过 JS 触发打开时，显示和切换有何不同？

谢谢

【参考方案1】：

回答你的问题..

Q1) 不需要。您只需要使用属性或 javascript，但不能同时使用两者。

Q2) 不，只是“显示”会显示模式。

Q3 / Q4）这取决于您希望按钮提供的功能。如果使用了“显示”，则随后单击该按钮将无效。如果使用 'toggle'，随后单击按钮将关闭模式。

Toggle 将在打开时关闭模态框，并在关闭时打开模态框。它同时提供show 和hide

Demo

【讨论】：

嗨，Skelly，这准确地回答了我的问题并澄清了我的疑问。也感谢演示。但是，当模式打开时，如何单击触发它的按钮？我相信，只有当我们使用 data-backdrop="false" 时，我们才能做到这一点。如果我错了，请纠正我。