Jquery calling function on hashchange

Question

I have 2 questions

I am using the hashchange plugin .... so I want to know would a function as below, be called everytime a hashchange occurs... because I have something like that in my code and the code function apparently doesnt seems to be called
```
$(document).ready(function()
{
    // function here
});
```
On the other have if I remove the hashchange as in If i make http://abc.com/a.htm#http://abc.com/b.htm as http://abc.com/b.htm the code works fine

the problem is the structure of my pages is a bit different .... here is the fiddle with the page structure that explains on a higher level what I am trying to achieve jsfiddle.net/vBKWd/9 ... on hash change jus the div c on my page 1 gets replaced by page 2 and vice versa .... and the js function that I have shown below is getting called only once and not after hashchange

Or is therre any way I can bind the function with the div so that whenever the div is replace the function get called?

your example doesn't convey anything. maybe add some more details? — Anurag
– Anurag, Commented Jun 30, 2011 at 4:56
@amosrivera the function works perfectly fine ... the problem is that it is called once when the page is loaded but not on hash change .... — koool
– koool, Commented Jun 30, 2011 at 5:09

Domenic · Accepted Answer · 2011-06-30 05:23:11Z

3

No, a ready handler is only called on document ready, not on hash change. You should use the hashchange event for that, instead:

$(window).hashchange(function () {
    // function here
});

Sample: http://jsfiddle.net/vBKWd/2/

edited Jun 30, 2011 at 5:23

answered Jun 30, 2011 at 5:03

Domenic

113k42 gold badges227 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Domenic Over a year ago

"didnt work"... could you be a bit more descriptive? Maybe produce a JSFiddle example of it not working? You're saying that the code in place of // function here is not called on hashchange, or does "didnt work" mean something else?

koool Over a year ago

@Domenic ... is therre any way I can bind the function with the div so that whenever the div is replace the function get called?

Domenic Over a year ago

I don't understand; are you using the comments to ask an entirely separate question? I'd suggest asking a new question for that, and marking this one as answered if it has been, or deleting it if you don't care about the answer.

koool Over a year ago

@Domenic sorry for not being descriptive ... yes the //function here is not called on hash change ..... and I didn't ask another question in the comment ... the reason for asking that was that the hashchange function replaces div so if you might be aware of any function that might trigger on div change that would do the job .... I would get right on making a fiddle for this ... anyways thanks for the effort +1

Vivek Over a year ago

there is no as such function which triggers om div change..you can make your own using trigger(function1()), existing jquery function.

|

Habib Adıbelli · Accepted Answer · 2019-05-13 15:39:20Z

0

In document ready wirte code below

$(window).bind('hashchange', function () {
                 //code here
});

answered May 13, 2019 at 15:39

Habib Adıbelli

1,1817 silver badges14 bronze badges

Comments

Vivek · Accepted Answer · 2011-06-30 05:13:35Z

-1

use live in this case

$(document).ready(function()
{   
   $(selector).live(hashchange, function(){
    // your code goes here

    });
});

answered Jun 30, 2011 at 5:13

Vivek

11k15 gold badges51 silver badges68 bronze badges

2 Comments

koool Over a year ago

the problem is the structure of my pages is a bit different .... here is the fiddle with the page structure that explains on a higher level what I am trying to achieve jsfiddle.net/vBKWd/9 ... on hash change jus the div c on my page 1 gets replaced by page 2 and vice versa .... and the js function that I have shown below is getting called only once and not after hashchange ... does that help?

Domenic Over a year ago

ReferenceError: hashchange is undefined. Also, live has no effect with applied to "hashchange", and the hashchange event cannot be applied to non-window objects. -1

Collectives™ on Stack Overflow

Jquery calling function on hashchange

3 Answers 3

8 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related