location.hash disappears immediately

Question

I'm building a live search + filter method, and I've noticed when I use that method (it's an example) that hash after it shows in the URL - it is immediately being removed. If I move that hash set to e.g. button's click method it works fine. Why ?

$('.menu-link').click(function () {            
        window.location.hash = 'search-container';
});

Are you going to a new page without realizing it? – Diodeus - James MacFarlane Feb 16 '12 at 16:46 — Diodeus - James MacFarlane, Feb 16 '12 at 16:46

score 11 · Accepted Answer · answered Feb 16 '12 at 16:46

11

It's disappearing because your link is being followed, causing the location to be changed to the href of the a. If you add a return false; to the end of your click handler, then the location won't change.

answered Feb 16 '12 at 16:46

Jacob

77,566
24
149
228

@Jacob ... THANK YOU. THANK YOU. THANK YOU. I was losing my mind trying to figure this out as well. – carrabino Oct 31 '13 at 17:53
This behavior seems completely inconsistent between browsers. I didn't have a return for a hybrid mobile app, and it works for iOS 6/7, and Android 2.3 - 4.3. On 4.4, it caused problems, unless you called the evaluateJavascript function instead of loadUrl. Very strange. – shortstuffsushi May 05 '14 at 21:52

score 3 · Answer 2 · answered Feb 16 '12 at 16:49

3

Try this:

$('.menu-link').click(function (event) {     
    event.preventDefault();
    window.location.hash = 'search-container';
});

answered Feb 16 '12 at 16:49

Burntime

2,334
2
15
20

nice approach, I'll try it. Thanks – Tony Feb 16 '12 at 16:52

location.hash disappears immediately

2 Answers2

Linked