如何更改活動彈出窗口的URL？

我想創建一個頁面來顯示投資組合內容。而不是讓每個項目鏈接到一個單獨的頁面，我有一個彈出窗口覆蓋整個頁面以顯示內容。如何更改活動彈出窗口的URL？

當彈出窗口處於活動狀態時，是否可以更改網址？我希望能夠鏈接到特定的彈出窗口，而不必在主頁面上找到特定的項目。

這裏是JSFIDDLE與我的代碼。

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

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

來源

2016-05-17 R. Arnone

對不起，我知道需要的代碼。我似乎無法獲得外部資源的工作。 –

謝謝，我更新了我原來的問題。 –

我不明白。如果您覆蓋整個屏幕，用戶如何瀏覽您的網站？你會在彈出窗口中有鏈接嗎？或者你在問什麼？這個問題有點不清楚 –

好了，所以，使其工作，我添加了這些功能

$(".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"); 

});

需要注意的是它的重要的是要恢復到上接近原始URL。

我注意到另一件事是，它沒有，如果我從剛rachelgallen.com試了一下（不帶www之前。）工作，以便確保您在您的首選域鍵入鏈接

你可以閱讀更多關於pushState的（這是一個新的HTML5的東西）here

working link

來源

2016-05-17 20:54:01

順便說一句，中間的參數只是一個頁面的標題 - 它可以是任何你想要的 –

謝謝你的幫助雷切爾，我已經得到它現在的工作。 –

萬歲！我知道必須有一種方法...... :) –

如何更改活動彈出窗口的URL？

回答

相關問題