Bootstrap模式重疊菜單

我只是將一個引導模式附加到Wordpress網站上的一個按鈕，它的工作效果很好。Bootstrap模式重疊菜單

但問題是，模式隱藏導航菜單（特別是「博客」鏈接），當它是第一次無效。打開模式並將其關閉後，模式消失，菜單正常工作。

我已經嘗試了一些東西，比如用z-index的擺弄，還我試着一起黑客的腳本：

<script> 
jQuery(document).ready(function() { 
    jQuery('#subscribe').modal('hide') 
}); 
</script>

到目前爲止，沒有骰子。但是，也許你可以從腳本中得知，我只是希望在頁面加載時將模態置於隱藏狀態，並且只有在單擊按鈕時才調用它。

這是我的網站。如果你嘗試一下「博客」鏈接，在筆記本電腦或更小的屏幕，你不能，因爲它是由模態隱藏：

http://jackalopemedia.com/jasontreu

感謝任何幫助！

來源

2014-01-30 user1727053

當頁面加載時我看不到模型框。當我點擊「SIGN ME UP」按鈕時，模型框現在出現。 – Selvamani

請給它一個鏡頭，塞爾瓦 – user1727053

頁面加載時，我無法看到模型。它的工作正常。 – Selvamani

好，我找到了解決辦法

您必須添加一個名爲hide類。因爲fade的功能是設置div的opacity:0。所以它只是隱藏在頁面的前面。

所以你行應

<div id="subscribe" class="modal hide fade" role="dialog">

欲瞭解更多詳情，請訪問bootstrap

來源

2014-01-30 09:33:33 Selvamani

美麗，謝謝！ – user1727053

比較你的莫代爾這個問題，如果你的代碼符合這種，應該工作。

<div class="modal fade hide" id="myModal" role="dialog"> 
<div class="modal-dialog modal-sm"> 
<div class="modal-content"> 
<div class="modal-header"> 
<h2>Title</h2> 
</div> 
<div class="modal-body"> 
<span>body</span> 
</div> 
<div class="modal-footer"> 
<span id="spanbtnclode" > <button type="button" class="btn btn-default" data-dismiss="modal">Close</button></span> 
</div> 
</div> 
</div> 
</div>

來源

2017-05-31 19:18:31 ravikant

Bootstrap模式重疊菜單

回答

相關問題