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

时间:2012-01-26 11:53:01

标签: javascript jquery html ajax

对于这个例子,我将使用一个属性站点。如果在网站的顶部,我有主要观看的房产广告,并且在其他广告的下方有很多小方格的广告。现在,当您点击其中一个较小的广告时,它会与主广告交换(使用JavaScript进行动态内容更改,所有广告数据都存在于JavaScript多维数组中,并在页面加载时通过php通过ajax从sql加载。

现在,当用户右键点击其中一个较小的广告并希望在新标签中(作为主广告)打开它时,我只需要在新标签中加载带有?id ='的同一页面广告的ID'参数。

那么怎么做广告有一个onlick(运行javascript来切换主广告)并在新标签中右键单击打开,在新标签中加载相同页面的参数?

就好像有一个jquery函数,这将是惊人的。

1 个答案:

答案 0 :(得分:0)

您需要使用主题标签功能并在网址上附加哈希值。所以方形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的点击跟踪。