页面加载时的模态显示

问题描述：

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

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

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

当页面获取负载，使用'$显示模式（“＃my-popup”）。modal（show）' – Raviteja

可能重复的[Launch Bootstrap Modal on page load]（http://*.com/questions/10233550/launch-bootstrap-modal-on-page-load ） –

答

手动打开一个模式：

<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>

答

你所寻找的是在文件准备就绪。

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

这基本上显示模式，而不需要点击它

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