twitter-bootstrap - Bootstrap 3，数据显示不起作用

Question

我正在使用 Bootstrap 3 ( http://getbootstrap.com/javascript/#modals )支持的模态插件，并带有以下标记：

<div class=​"modal fade" id=​"login_modal" tabindex=​"-1" role=​"dialog" aria-labelledby=​"myModalLabel" aria-hidden=​"true" data-show=​"true">​…​&lt;/div>​

根据文档，这应该与data-show属性一起使用。不幸的是，当页面完成加载时，模式不会自动显示。我在这里没有看到任何问题，所以我希望你们中的一个人能帮我找出问题所在。

PS：我还发现了一个类似的存在但已经关闭的问题，他们与模态似乎已在 v3 中重写，所以我认为它不是最新的（https://github.com/twbs/bootstrap/issues /5891 )。

编辑 我忘了提到的是我当然包括了引导程序。用一个按钮来打开和关闭它，它工作得很好。:) 这实际上只是 data-show 属性没有做它应该做的事情

Answer 1

这实际上不是一个错误，因为文档说：

初始化时显示模态。

因此，您需要通过 JS“手动”初始化您的 Modal：

<script type="text/javascript">
    $( function(){
        $('#myModal').modal();
    } )
</script>

Answer 2

如果data-show="true"，那么当您调用 时$('.modal').modal()，模式会出现。但是，如果data-show="false",$('.modal').modal()不起作用，则需要调用$('.modal').modal('show')。

Answer 3

这对我有用：

$(document).ready(function () {
    $('*[data-show]').modal('show');
});

Answer 4

这有点旧，但我现在遇到了同样的问题。我正在帮助我解决一个额外的样式类（显示）和一些通用的 JavaScript：

<div class="modal fade show" id="modalEdit" role="dialog" ... >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

JS：

$(document).ready(function() {
    $('.modal.show').modal('show');
});

这使我可以简单地添加样式类并根据需要切换行为。

Answer 5

我认为 Bootstrap 中不存在这样的属性。我同意这会很方便（而且当然很容易实现，因为 js 版本已经存在），但据我所知，文档只提到了data-toggle属性。

你报告问题了吗？