Question

这有点困扰我一段时间，在使用JavaScript组件时，我似乎无法弄清楚如何通过Data Attributes API（即所谓的第一类API）来使用它们。

E.g。根据{{3}}：

的模态

<a href="#CreateTable" role="button" class="btn" data-toggle="modal">Add Mortality Table</a>
<div id="CreateTable" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"  aria-hidden="true">
        Hello
</div>

现在，我可以告诉我需要做的就是在页面上包含bootstrap.js，当我点击链接时，模式应该会弹出。

但我不需要像这样添加一个事件监听器：

$('.modal').click(function(){
    $("#CreateTable").modal();
});

只有这样，模态才会打开，有什么我想念的吗？我是否必须初始化bootstrap.js？

Answer 1

这似乎有效。我在这里将你的html复制到了一个jsfiddle。

<a href="#CreateTable" role="button" class="btn" data-toggle="modal">Add Mortality Table</a><div id="CreateTable" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"  aria-hidden="true">Hello</div>

JSFiddle Link

Answer 2

试试这个：

<script>
$(document).ready(function() {
   $("#CreateTable").modal();
});
</script>

如何初始化Bootstrap数据属性API？

2 个答案: