在同一页面中打开链接，一旦链接打开，执行一些代码

Question

我在主页上有几个弹出窗口。我通过使用ID选择它们并使用fadeIn（）和fadeOut（）来打开和关闭它们。现在我想通过点击另一个窗口的链接打开一个特定的弹出窗口？例如，如果从新窗口点击“弹出1”，我想打开主页，然后显示“弹出1”。

我尝试使用下面的代码，但在编写此代码时，我意识到脚本会重新加载，因此我加载弹出窗口的功能不起作用。

所以我的问题是，是否有一些优雅的解决方案，您可以建议在一个页面中显示元素，而指定哪个元素必须显示在另一个元素中的链接？

$("#galleryNav a").on('click', function() {
    window.open("/pixeleyes",'_self',false);

    setTimeout(function() {
        var popToShow = $(this).attr('data-pop');
        $(".text-content-outer").hide();
        $("#" + popToShow).fadeIn();            
    }, 5000);

});

Answer 1

一个想法可能有效

当您使用以下行打开新页面时，请使用它发送一些参数或哈希值。

window.open("/pixeleyes",'_self',false);

像

window.open("/pixeleyes#openpopup",'_self',false);

然后在此页面的页面中检查是否存在哈希打开弹出窗口，否则什么都不做。 不确定这是否是你要找的。

Answer 2

$("#galleryNav a").on('click', function() {
    window.open("/pixeleyes#showpopup",'_self',false);

});

showpopup可以是你想要弹出的任何东西......