Redirect to hash url using Jquery

Question

I've seen site redirection within a certain delay/time limit however is it possible to do that within a page that only has hash urls?

What is the code for redirecting a hash location within a page? For instance we are currently in #home then when I click on #load, it waits 5 seconds then redirects to #about - all within just one page just different hashes/#.

Thank you!

You can change the hash with window.location.hash = 'foo'; — christian314159
– christian314159, Commented Jun 24, 2014 at 2:04
Someone left an answer: You can use setTimeout to delay any action. The following will allow for a five second delay after clicking the load link (assuming a loadLink id). Nothing special about hash links here, would work the same on any link. $('#loadLink').on('click', function () { setTimeout(function () { //navigate to about after 5 seconds }, 5000); }); The second parameter after the function to execute is the time to wait in milliseconds. I'm using that however what is the code that auto redirects without the "on click" function? — Cattarina
– Cattarina, Commented Jun 24, 2014 at 2:23

Zenit · Accepted Answer · 2016-03-25 16:53:11Z

8

As simple as this

$(location).attr('href', 'index.php');
window.location.hash = "#about";
location.reload();

Select the location where you want to go
Specify to the location in which part of the website you want to go
Reload the website in order to make work the hash function.

answered Mar 25, 2016 at 16:53

Zenit

4951 gold badge11 silver badges23 bronze badges

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

Comments

plalx · Accepted Answer · 2014-06-24 14:46:02Z

6

Well, if you click on an anchor already associated with another hash (would be curious, but this is what I understood), you will first have to prevent the defautl behavior, then you can redirect.

Assumed HTML

<a href="#load">some link</a>

JS (once document is ready)

$('a[href="#load"]').click(function (e) {
    e.preventDefault();

    setTimeout(function () {
        window.location.hash = 'about';
    }, 5000);

});

EDIT: "going to the #load will automatically redirect with a delay of 5 seconds without clicking"

$(window).on('hashchange', function () {
    if (window.location.hash == '#load') {
        setTimeout(function () {
            window.location.hash = 'about';
        }, 5000);
    }
});

edited Jun 24, 2014 at 14:46

answered Jun 24, 2014 at 2:27

plalx

43.8k7 gold badges77 silver badges94 bronze badges

1 Comment

Cattarina Over a year ago

Thank you! But is it possible without using the "click" function? going to the #load will automatically redirect with a delay of 5 seconds without clicking?

Collectives™ on Stack Overflow

Redirect to hash url using Jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related