引導 - 直接鏈接模式窗口

www.url.com/#imprint
（或類似），直接與打開的模式窗口鏈接到網頁？

這是可能的嗎？任何提示？
謝謝！

2013-12-18 Marek123

是的，這是可能的。但這取決於你爲什麼以及如何使用鏈接。 – Khamidulla

我剛剛獲得了幾個星期的預先準備，我需要直接鏈接到其他服務的版本。但是我的印記在預壓的模態窗口中。這就是爲什麼 ;） – Marek123

你也許可以做這樣的事情。

if (window.location.hash == "#imprint") { 
    $('#myModal').modal('show'); 
}

來源

2013-12-18 15:47:45 Jako

是的，這是可能的。只是檢查網址：

function popModal() { 
     // code to pop up modal dialog 
    } 

    var hash = window.location.hash; 
    if (hash.substring(1) == 'modal1') { 
     popModal(); 
    }

來源

2013-12-18 15:48:02

只是爲了將來遊客/讀者，我創建了一個非常簡單的函數來打開一個模式動態而不需要知道你正在尋找確切的ID。如果沒有散列位置，它就會落空。

/** 
* Function to open a bootstrap modal based on ID 
* @param int 
*/ 
function directLinkModal(hash) { 
    $(hash).modal('show'); 
} 

/** 
* Call the function on window load 
* @param hash of the window 
*/ 
directLinkModal(window.location.hash);

來源

2015-09-01 22:49:17 camelCase

在失去了幾個小時後，我想出了這一個。基於點擊鏈接page-1打開page-2不同模式的解決方案。 HTML代碼基於Bootstrap官方Modal示例。

HTML |頁面1.HTML

<body>  
    <a href="http://yourwebsi.te/page-2.html?showmodal=1"> 
    <a href="http://yourwebsi.te/page-2.html?showmodal=2"> 
</body>

JS | ShowModal.js

$(document).ready(function() { 
    var url = window.location.href; 
    if (url.indexOf('?showmodal=1') != -1) { 
    $("#modal-1").modal('show'); 
    } 
    if (url.indexOf('?showmodal=2') != -1) { 
    $("#modal-2").modal('show'); 
    } 
});

HTML | page-2.html

<body>  
    <div class="modal fade bd-example-modal-lg" id="modal-1" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content">Your content</div> 
    </div> 
    </div> 
    <div class="modal fade bd-example-modal-lg" id="modal-2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content">Your content</div> 
    </div> 
    </div> 
    <script src="ShowModal.js"></script> 
</body>

來源

2016-11-21 21:50:46 ntemposd

引導 - 直接鏈接模式窗口

回答

相關問題