Question

我想创建一个显示组合内容的页面。我没有将每个项目链接到单独的页面，而是在整个页面上方覆盖一个弹出窗口以显示内容。

弹出窗口有效时是否可以更改网址？我希望能够链接到特定的弹出窗口，而无需在主页面上找到特定的项目。

以下是我的代码JSFIDDLE。

  $('#info1').popup({
     color: 'black',
     opacity: 1,
     transition: '0.3s',
     scrolllock: true
  });

  $('#info2').popup({
     color: 'black',
     opacity: 1,
     transition: '0.3s',
     scrolllock: true
  });

Answer 1

好的，为了使它工作，我添加了这些功能

$(".info1_open").click(function(){

    var popLink1 = "http://www.rachelgallen.com/popupworks.html";
    window.history.pushState(popLink1, "popLink", "http://www.rachelgallen.com/popup1.html");

});
$(".info1_close").click(function(){

    var popLink1 = "http://www.rachelgallen.com/popup1.html";
    window.history.pushState(popLink1, "popLink", "http://www.rachelgallen.com/popupworks.html");

});

$(".info2_open").click(function(){

    var popLink2 = "http://www.rachelgallen.com/popupworks.html";
    window.history.pushState(popLink2, "popLink", "http://www.rachelgallen.com/popup2.html");

});
$(".info2_close").click(function(){

    var popLink2 = "http://www.rachelgallen.com/popup2.html";
    window.history.pushState(popLink2, "popLink", "http://www.rachelgallen.com/popupworks.html");

});

请注意，在关闭时恢复原始网址非常重要。

我注意到的另一件事是，如果我只是从rachelgallen.com（在它之前没有www。）尝试它，它就不起作用所以确保你在链接中键入你喜欢的域名

您可以阅读有关pushState的更多信息（这是一个新的HTML5事件）here

working link

如何更改活动弹出窗口的URL？

1 个答案: