哈希位置基础知识

Question

我试图理解location.hash在jQuery中是如何工作的，为此，我试图从最基本的形式开始，然后一旦我做对了，我就会更深入，但遗憾的是我已经陷入困境我认为应该是一件简单的事情。

这是我创建的代码，修改了我在帖子中找到的其他人的代码：

$(document).ready(function(){

$("body").css("background-color", "#FF0");

$(window).bind( 'hashchange', function( event ) {

    if (window.location.hash == "red"){
        $("body").addClass("red");
    } else if (window.location.hash == "green") {
        $("body").addClass("green");
    }

    event.preventDefault();

});

$(window).trigger("hashchange");

}）;

这是http://dlacrem.16mb.com/dlatest/hash.html页面

现在，正如我所说的那样，我正在努力学习，因此在10行中可能有80个错误：但是，当我去hash.html＃red时，不应该将红色类添加到正文中吗？

我正在使用Ben Alman的BBQ插件

此致，感谢您的帮助！

Answer 1

window.location.hash包含哈希符号。

if (window.location.hash == "#red"){
    $("body").addClass("red");
} else if (window.location.hash == "#green") {
    $("body").addClass("green");
}

此外，您设置为使主体变为黄色的内联样式将覆盖您对类执行的任何操作（除非您使用！重要，但不要这样做！），因此您需要在样式表中将其设置为黄色而不是内联。

http://jsfiddle.net/4SwnQ/

但是你会注意到，一旦你把它变成红色，然后变成绿色，它会保持绿色。 这是因为你从来没有真正删除过类，因此它具有最高特异性的类（在这种情况下为绿色，因为它在样式表中是最后一个。）为了解决这个问题，你还需要删除另一个类。

http://jsfiddle.net/4SwnQ/1/