2013-08-26 96 views
0

這與幾個問題相關。調用引導模式,但它有一個特殊的情況,即:在頁面加載啓動Bootstrap模式,上一頁的按鈕按鈕單擊

頁A有一個按鈕,點擊它時,加載網頁B,並在頁面B中打開調用網頁B

模態模態兩種方法;從頁面A按鈕單擊,或者頁面B按鈕單擊。

如果用戶通過除頁面按鈕之外的任何其他方式導航到頁面B,則頁面B模式將保持隱藏狀態,直到頁面B按鈕單擊爲止。

這是否清楚?

頁面B按鈕點擊當前功能打開模式。需要在Page A按鈕單擊時打開頁面B模式。

讚賞建議的解決方案。

MJB

回答

1

你可以通過查詢字符串參數頁B.

頁A

<a href="pageB?openModal=true">Go to Page B</a>

網頁B

if (window.location.search.indexOf('openModal') != -1) { 
    $("#modal").modal('show'); 
} 
+0

對不起。試圖格式化後續,失敗和刪除。 我應該提到這是在WP網站的背景下,使用股票Bootstrap模態方法。 所以,不知道如何使用你的以上建議來實現。 – Michael

+0

您可以將js放入頁面B中的腳本標記或頁面B中包含的外部文件中。 –

0

如果你想使用一個窗口的位置服務觸發標準的自舉從任何鏈接(內部或外部)獨立模態,你可以做這樣的:

標準引導模態設置:

<div class="modal fade" id="dynaModal">Content</div>

裏面的jQuery上準備或負載(請務必在頁面加載或出現錯誤):

if(window.location.hash) { 
    var hash = window.location.hash; 
    $(hash).modal('toggle'); 
} 
  1. 第一線檢查,看看我F上的網址中包含的散列
  2. 第二行散列變量設置爲在url中發現的散列
  3. 三線切換一個模式的ID找到散列

實施例鏈接#dynaModal相符:

<a href="pageB.html#dynaModal">Open Page B Modal</a> 

如果哈希不匹配模式的ID,代碼不會運行。如果代碼在匹配模式ID的url中發現散列,代碼將運行。

相關問題