如何在新页面上打开模式

Question

我需要知道如何从一个页面链接到另一个页面。在第二页上，我需要显示一个特定的模式。最好的情况是在模态中显示一些特定的类别。 其实主页链接是dev.prdruck.com。在此页面中，我想链接到位于http://dev.prdruck.com/shirt-designer/?product_id=190&color=FFFFFF 下的设计库 在此页面上，我可以在 ID 为 #dg-cliparts 的按钮“Motive hinzufügen”下打开“设计库”。 我测试了以下但没有任何反应...

我在衬衫设计师页面的末尾添加以下内容：

$(document).ready(function() { var modals = ['#dg-cliparts']; if (window.location.hash && ~modals.indexOf(window.location.hash)) { $(window.location.哈希).modal(); } })

但是如果我链接到http://dev.prdruck.com/shirt-designer/#dg-cliparts 什么都不会发生。

也许有人有想法？ 谢谢 六月

Answer 1

正如你所说，它应该适合你。在这里，当我们单击按钮时，将打开带有模态 ID 的新窗口，浏览器将从 URL 中获取#，并在加载窗口时打开模态......！

$(document).ready(function () {
    $('.btn').on('click', function (event) {
        event.preventDefault();
        window.open(urlHere + '#myModal', '');
    });
    $(window).load(function () {
        $(window.location.hash).modal("show");
    });
});

这里urlHere是你要打开modal的页面的url，myModal是modal的ID。