Button onclick jquery not working

Question

I am trying to get a button class to be clicked and redirected to a new page.

But it is not working for me.

Here is my code:

    $('li#menu-item-28').on('click', function(event) {
    event.preventDefault();
        //alert('Clicked');
    url = "http://wwww.bbc.co.uk";
        $(location).attr("href", url);
    });

Any help would be appreciated :)

If you are trying to redirect directly in this handler you should write window.location.href = url — Slim
– Slim, Commented May 30, 2017 at 13:06
It does not work because location is not an element in the DOM — epascarello
– epascarello, Commented May 30, 2017 at 13:07
put single quotes around location, if it is a class put a dot also, if it is an id put # — Prashanth Reddy
– Prashanth Reddy, Commented May 30, 2017 at 13:08

Dinesh undefined · Accepted Answer · 2017-05-30 13:14:46Z

2

try window.location.href = url;

$(document).on('click','li#menu-item-28',function(event) {
    event.preventDefault();
    url = "http://www.bbc.co.uk";
    window.location.href = url;
});

edited May 30, 2017 at 13:14

answered May 30, 2017 at 13:06

Dinesh undefined

5,5262 gold badges22 silver badges41 bronze badges

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

1 Comment

Tired_Man Over a year ago

Hey Dinesh - thanks for this but this doesn't work for me :)

Tired_Man · Accepted Answer · 2017-05-30 13:13:45Z

1

Read this link below:

window.location.href

 $('li#menu-item-28').on('click', function(event) {
    event.preventDefault();
        //alert('Clicked');
    window.location.href = "http://www.bbc.co.uk";

    });

edited May 30, 2017 at 13:13

Tired_Man

971 silver badge15 bronze badges

answered May 30, 2017 at 13:05

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

3 Comments

epascarello Over a year ago

You got a typo.

Tired_Man Over a year ago

windoe.location.href = "wwww.bbc.co.uk"; should be: window.location.href = "wwww.bbc.co.uk";

Tired_Man Over a year ago

Hey Prasad, just edited this. Thanks for the solution mate. I will mark as the answer. Cheers for the help have a good day.

aPa · Accepted Answer · 2017-05-30 13:13:05Z

0

if your element generate dynamically , you should listen on document :

$(document).on('click','li#menu-item-28',function(){
      url = "http://wwww.bbc.co.uk";
       window.location.href = url;
});

answered May 30, 2017 at 13:13

aPa

2773 silver badges6 bronze badges

Comments

sergioBertolazzo · Accepted Answer · 2017-05-30 13:21:16Z

0

I use this code:

url = "http://wwww.bbc.co.uk";
window.open(url, '_blank');

works for me

answered May 30, 2017 at 13:21

sergioBertolazzo

6022 gold badges12 silver badges28 bronze badges

Collectives™ on Stack Overflow

Button onclick jquery not working

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related