使用jQuery获取URL的#anchor？

jQuery(document).ready(function(){ $("#red-products").hide(); $("#content-info").click(function(event){ $("#red-products").hide(); $("#red-information").show(); }); $("#content-product").click(function(event){ $("#red-information").hide(); $("#red-products").show(); }); $("#more").click(function(event){ load(this.href); return false; }); }); 

如您所见，默认情况下， #red-products被隐藏， #red-information可见。 有时我希望#red-products是可见的， #red-information隐藏起来，意思就像是

http://localhost/networks2/profile.php?id=1&offset=1#products

显示#red-products并隐藏#red-information 。 和

http://localhost/networks2/profile.php?id=1&offset=1#information

隐藏#red-products并显示#red-information 。

如何使用jQuery从URL读取锚点，并隐藏/显示相应的部分？

Answer 1

您可以通过替换以下内容将初始隐藏更改为基于window.location.hash ：

 $("#red-products").hide(); 

有了这个：

 $("#red-products, #red-information").hide(); $("#red-" + (window.location.hash.replace("#", "") || "information")).show(); 

这将隐藏最初，然后显示hasd（ #red-hashhere ），或默认显示#red-information就像你现在一样。