使用jQuery获取#anchor的URL？

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;
    });

});

如您所见，默认情况下#红色产品是隐藏的，#红色信息是可见的。有时我想要#红色产品可见，#红色信息隐藏，意思是像

HTTP：//localhost/networks2/profile.PHP ID = 1&安培;偏移量= 1个#产品

显示#红色产品并隐藏#红色信息。和

HTTP：//localhost/networks2/profile.PHP ID = 1&安培;偏移量= 1个#信息

隐藏#红色产品并显示#红色信息。

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

解决方法

您可以将初始隐藏更改为基于 window.location.hash，替换为：

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

有了这个：

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

这将首先隐藏，然后显示hasd(#red-hashhere)，或默认显示#红色信息，如现在。