页面加载时的模态显示

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>

Answer 2

您要查找的内容已准备就绪。

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

这基本上显示了模式，无需单击它

您可以在此处查看您可以执行的操作的示例： http://getbootstrap.com/javascript/#js-programmatic-api

Modal Show on page load