0

我正在尝试制作功能正常的引导模型,但它不起作用。无法找到我缺少的东西。jsfiddle: jsFiddle 链接在这里

<div id="modal-3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
    <p>One fine body…&lt;/p>
</div>
<div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">No</button>
    <button class="btn btn-primary" data-dismiss="modal">Yes</button>
</div>

<a href="#modal-3" role="button" class="btn" data-toggle="modal">Confirm</a>
4

2 回答 2

2

删除hide模态容器上的类。它与模态本身是多余的。工作示例:

<div id="modal-3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> ...

于 2014-01-01T20:01:05.463 回答
0

你错过了 bootstrap.min.js 或 bootstrap modal.js ,别忘了发起。

在脚本底部添加$('#myModal').modal();或。$('#myModal').modal({ options });

有关引导模式 API 的更多信息

于 2014-01-01T19:55:26.227 回答