Geek Answers Handbook

Using window.location.hash in jQuery

I would like to make a navigation menu with color fading using jQuery, in which the button “pressed” corresponding to the current page behaves differently than the button “not pressed” (in particular, it does not disappear under a different color when it hangs). If I look at the example at www.guitaracademy.nl, I see that they use their own javascript with the window.location.hash property.

However, I cannot get this hash in jQuery. Here is an example script:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var p=window.location.hash;
    $("#clickme").click(function(){
        alert(p)
    });
});
</script>
</head>
<body>
<a href="#test">Click me first</a>
<div id="clickme">Then click me</div>
</body>
</html>

After loading this page I will click the link "Click me first"; then in the address bar I see "#test" added to the original URL. However, if I then clicked the "Then click me" div, I see a blank warning. The hash does not seem to be "updated".

.

+5
4

, . , , .

$(function(){
    $("#clickme").click(function(){
        var p=window.location.hash;
        alert(p)
    });
});
+5

var p=window.location.hash; -:

<script type="text/javascript">
    $(function(){
        $("#clickme").click(function(){
            var p=window.location.hash;
            alert(p)
        });
    });
</script>
+1

#clickme div . , , , :

$("#clickme").click(function(){
    window.location.hash='#secondclick';

    //Remaining Code
});
0

, 'p' .

var p=window.location.hash;

, . P , .

alert(p)


alert(window.location.hash)

. ..

0

More articles:


All Articles