模态 在页面加载时显示


Modal Show on page load

引导模态与锚标签一起工作,如果我们单击它,则会出现模态。我希望它在我们加载页面时出现它。我该怎么办。这是我的代码。

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

现在,如果我们单击第一个锚标签,则模态将打开。我希望它在加载页面时自动打开。谢谢。

手动打开一个模态:

<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

您要查找的内容已准备好文档。

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

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

您可以

在此处看到一个示例,说明您可以执行的操作:http://getbootstrap.com/javascript/#js-programmatic-api