如何隱藏模式並使用jquery顯示另一個模式？

我打開一個模式，然後點擊模式內的div，我想關閉該模式並打開另一個模式。但是當我這樣做時，它會關閉第一個模態，並且只顯示第二個模態的背景，而不會顯示主體。如何隱藏模式並使用jquery顯示另一個模式？

我的HTML是：

<div id="test-modal" class="modal hide fade" data-keyboard="true"> 
    <div class="modal-body"> 
     <div id="option"><p>Click here to show the next modal</p></div> 
    </div> 
</div> 

<div id="test-modal2" class="modal hide fade" data-keyboard="true"> 
    <div class="modal-body"> 
     <p>modal show after a hide doesn't work?</p> 
    </div> 
</div>

和我的jQuery是：

$('.option').click(function() { 
    $('#test-modal').modal('hide'); 
    $('#test-modal2').modal('show'); 

});

來源

2016-05-18 kevinabraham

你不需要模態中的'''hide'''類。 – xiaofan2406

我刪除了'hide'。仍然是同樣的問題。我只是得到http://oi63.tinypic.com/qnah5i.jpg沒有模態顯示的背景。 – kevinabraham

我愚蠢的錯誤jquery的作品。我意外地沒有正確地關閉第一個模式，這就是爲什麼動畫不會完成並導致第二個模式無法加載。我只是把第二模態放在第一模態之上來測試，並且它工作。

來源

2016-05-18 05:51:48 kevinabraham

這可以幫助：

刪除hide類從情態動詞的div
您在使用.option你的選擇器，但在HTMLŸ OU使用id="option"，所以改變它們

工作version

來源

2016-05-18 03:51:35

我刪除了'hide'。仍然是同樣的問題。我只是得到http://oi63.tinypic.com/qnah5i.jpg沒有模態顯示的背景。 – kevinabraham

請在關閉按鈕上嘗試使用此數據關閉屬性。

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

來源

2016-05-18 05:52:33

如何隱藏模式並使用jquery顯示另一個模式？

回答

相關問題