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

Question

这困扰了我一段时间，当使用 JavaScript 组件时，我似乎无法弄清楚如何通过Data AttributesAPI 使用它们，即所谓的第一类 API。

例如，模态，根据文档：

<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 链接

Answer 2

试试这个：

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