页面加载时的模态显示

Question

Bootstrap模态使用锚标记，如果我们点击它然后出现模态。我希望它在我们加载页面时出现。我该怎么办。这是我的代码。

    <a class="popup-trigger" href="#my-popup">Open Popup</a>
    <div id="my-popup" class="popup">My Popup</div>

现在，如果我们点击第一个锚标签，模态将会打开。我想在加载页面时自动打开它。感谢。

Answer 1

手动打开模态：

<script type="text/javascript">
    $(document).ready(function(){
        $('#my-popup').modal({
            show: true
        });
    });
</script>

或

<script type="text/javascript">
    $(document).ready(function(){
        $('#my-popup').modal('show');
    });
</script>

文档：http://getbootstrap.com/javascript/#modals-usage

Answer 2

您正在寻找的是准备好文件。

$(document).on('ready', function(){
    $('#my-popup').modal('show');
});

这基本上显示了模态而无需点击它

这里可以看到一个例子，你可以做些什么： http://getbootstrap.com/javascript/#js-programmatic-api