创建动态加载页面的链接?

时间:2011-11-29 15:46:29

标签: jquery ajax

假设你有一个像facebook的页面。 您有某个群组页面或公司页面,其中包含导航链接,例如:InformationEventsPhotos

我想创建一个标准版面,其中包含左侧导航和右侧内容持有者。通过单击左侧三个导航按钮中的任意一个,右侧的内容将通过jquery获取。加载的默认页面始终为information

但是,当我想要链接到此论坛时,我会怎么做,但首先打开photos页?如果我有很多这样的团体,最有效的方法是什么?

谢谢:)

1 个答案:

答案 0 :(得分:1)

如果我理解了你要求的内容,你可以使用URL的哈希部分(#字符后面的部分)来实现。您的网址为http://example.com/somepage#Informationhttp://example.com/somepage#Eventshttp://example.com/somepage#Photos。当浏览器请求其中之一时,散列部分不会发送到服务器;它必须在客户端处理,并使用代码来查找哈希值并对其执行操作。

听起来您的页面已经在导航链接上有客户端脚本,以便在单击这些链接时打开对话框或灯箱中的信息,照片或事件。所以在连接之后,查看哈希部分。如果它对应于#Photos,则自动打开照片灯箱,等等。

这具有可收藏和可共享的优点。我最近在一个有多个视频的页面上做过这个。 jQuery找到与视频对应的所有链接(使用类名),并将它们转换为视频对话框切换器。如果网址上有与视频对应的哈希值,我会自动打开对话框。每个视频都可以在社交网站上单独共享。