在新标签页中打开动态内容

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（分析）的点击跟踪。