Bootstrap 3，数据显示不起作用

Question

我正在使用Bootstrap 3（http://getbootstrap.com/javascript/#modals）支持的modal-plugin以及以下标记：

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

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

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

编辑我忘了提到的是我当然包含了bootstrap。使用按钮打开和关闭它，它工作得很好。 :)它实际上只是数据显示属性没有做它应该做的事情

Answer 1

它实际上不是一个错误，因为documentation说：

初始化时显示模态。

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

<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

这有点旧，但我现在遇到了同样的问题。我正在帮助我一个额外的样式类（show）和一些通用的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属性。

你报告了一个问题吗？