"data-toggle='modal'用于什么？"

Question

我有一段别人创建的按钮代码，以下是该按钮代码：

<button class="demo btn btn-primary" data-toggle="modal" href="#long"  onClick="javascript:add();"><i class="icon-plus-sign icon-white"></i> Add Employee</button>

我已经编辑了与按钮相关的函数（发送来自按钮的新数据，并在函数中调用它），但没有任何反应。然后我尝试删除data-toggle="modal"，弹出窗口未显示。因此，我想知道data-toggle="modal"有什么用途？

我认为这里是到模态框的链接：

<script src="js/bootstrap-modalmanager.js"></script>
<script src="js/bootstrap-modal.js"></script>

有人能解释一下 data-toggle="modal" 是什么吗？谢谢。

- Lupita Noyra

Answer 1

来自Bootstrap文档

<!--Activate a modal without writing JavaScript. Set data-toggle="modal" on a 
controller element, like a button, along with a data-target="#foo" or href="#foo" 
to target a specific modal to toggle.-->

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

- Dan

---

我该如何在 JavaScript 中关闭 Modal，它是如何打开的？ - Piotr Kula

@ppumkin 如果要在不使用JavaScript的情况下关闭已打开的模态框，可以使用以下代码：<button type="button" data-dismiss="modal">关闭</button> - bailey.cosier