關閉當前燈箱後打開新的Bootstrap燈箱

我在項目中使用Bootstrap模式燈箱。這裏是我的要求：我有一個代碼來打開lightbox1.html關閉當前燈箱後打開新的Bootstrap燈箱

<a href="/lightbox1.html data-toggle="modal"></a>

在燈箱裏面有幾個條件。對於某些特殊情況，我向用戶顯示「您的請求無法立即轉發，您希望我們給我們發送電子郵件以獲取更多詳細信息」。

然後有兩個按鈕：

<a class="btn btn-primary" data-dismiss="modal">No</a> 
<a class="btn btn-primary">Yes</a>

如果用戶按下「否」，則當前收藏將被關閉，但我想，如果用戶按下「是」，那麼它會關閉當前lighbox並打開一個新的燈箱'email.html'，所以我想要一個正確的代碼是按鈕關閉當前燈箱（lightbox1.html）並打開一個新的燈箱（email.html）。

來源

2014-04-26 Awais Amir

@Geo但是我應該在href屬性裏寫什麼來關閉當前燈箱並打開一個新燈箱 –

hm ..好問題 – Geo

您可能需要爲此編寫一個自定義jQuery，而不是使用現有的bootstrap切換按鈕 – Geo

你需要把一些jQuery的在那裏沿着此線：

$("#btnYes").click(function() { 
    $("#modal1").modal('hide'); 
    $("#modal2").modal('show'); 
});

很明顯，你需要設置一個ID /類按你希望每個做什麼。

來源

2014-04-26 21:19:23 Intellidroid

感謝您的回答，如果燈箱內容是靜態的，並在同一頁面上描述，那麼我們可以使用您提到的代碼，但在我的情況下，內容由不同的頁面加載，例如lightbox.html和email.html，所以它不會工作。無論如何，我已經通過隱藏lightbox.html內容並在相同的Lightbox（即lightbox.html）中將單擊函數中的email.html內容加載到問題中解決了我的問題。換句話說，我改變了內容而不是改變燈箱。 –

很高興你解決了它。您也可以通過jQuery添加遠程選項。 – Intellidroid

關閉當前燈箱後打開新的Bootstrap燈箱

回答

相關問題