Question

使用Bootstrap。

我在页面上有很多链接。点击这些链接中的任何一个，即可显示模态窗口。

问题：

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

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>

书签模态窗口，以便在页面打开时下次打开

1 个答案: