在新標簽頁中打開動態內容

Question

在此示例中，我將使用物業網站。 如果在該網站的頂部，我有主觀看的房地產廣告，而在其他小廣告的下面有很多小方塊div。 現在，當您點擊其中一個較小的廣告時，它會與主要廣告交換位置（使用JavaScript進行動態內容更改，所有廣告數據都存在於JavaScript多維數組中，並在頁面加載時通過php通過ajax從sql加載到sql中。

現在，當用戶右鍵單擊這些較小的廣告之一並希望在新標簽頁中打開它（作為主廣告）時，我需要的是在新標簽頁中將同一頁面加載為廣告的“ id ='id”這樣做的理由。

那么該廣告如何具有onlick（運行javascript以與主廣告進行切換）並在新標簽頁中右鍵單擊打開，該標簽會在新標簽頁中加載帶有參數的同一頁？

就像有一個jQuery函數一樣，這將是驚人的。

Answer 1

您需要使用井號標簽函數，並將井號值附加到URL上。 因此，平方div實際上是像這樣的鏈接：

<a href="http://your-site.com/page#advert1">Ad 1</a>
<a href="http://your-site.com/page#advert2">Ad 2</a>
<!-- Ad3, Ad4 etc. -->

這是您可以用來讀取井號的jQuery的示例：

// CHECK IF A HASHTAG EXISTS IN THE URL
if(window.location.hash.length > 2) {
    // GET THE HASHTAG NAME
    var advert = window.location.hash.replace('#', '').replace(/\/$/, '').substr(1);

    // THEN CALL FUNCTION TO GET AD CONTENT FROM YOUR ARRAY USING THIS INFO
}

或者，您可以為此使用一個插件，例如jQuery Address ，它是專門針對此事物而制作的，並且具有更多功能，包括捕獲hashchange事件和Google Analytics（分析）的點擊跟蹤。