jquery - 书签模式窗口，如果页面打开，下次它会打开

Question

使用引导程序。

我在页面上有很多链接。单击这些链接中的任何一个，都会弹出一个模式窗口。

问题：

我希望能够为模态窗口添加书签，因此下次我使用书签时会出现特定的模态窗口。

Answer 1

也许您可以在您的网址中使用主题标签，例如 www.website.com/foo#modal1 并制作一个脚本，根据该主题标签显示模式。

Javascript：

$(document).on("ready", function(){

    if(window.location.hash == '#modal1')
    {
        $("#modal1").modal('show');
    }
    $(".open-modal").click(function(){
        $("#modal1").modal('show');
        window.location.hash = 'modal1';
    });

    $(".close-modal").click(function(){
        $("#modal1").modal('hide');
        window.location.hash = '';
    });

});

html:

<div id="modal1" class="modal hide fade">
Modal
<button class="close-modal">Close modal</button>
</div>

<button class="open-modal">Open modal</button>