使用jQuery获取#anchor的URL?

前端之家收集整理的这篇文章主要介绍了使用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),或默认显示#红色信息,如现在。

猜你在找的jQuery相关文章