CODEWITHSUNDEEP
javascriptjqueryjquery-mobilehrefpreventdefault
TV Nath
TV Nath

Reputation: 490

JQuery href preventdefault issue with anchor

I have a link as following. 

<a href="#" id="tab3Link">Tab 3</a>

On tab 2, when Tab 3 is clicked, I want to first validate whether form in Tab 2 is correctly filled. 

    $("#tab3Link").click(function(e){
        e.preventDefault();
        $("#tab3Link").prop("href", "#");
            if(validateTab2()){
                $("#tab3Link").prop("href", "#tab3Info");
                return true;
            }else{
                return false;
            }
    });

#tab3Info anchor should take the page to a new div. But click does not happen. But if I manually append #tab3Info at the end of the URL and press enter, page moves to new tab. So in the above function, although href is changed, click function does not happen.

This is working fine when JQuery 1.4.2 is used with Jquery mobile 1.1.0. Problem occurs when JQuery was upgraded to 1.9.1 and Jquery mobile to 1.3.2.

Upvotes: 1

Views: 51

Answers (2)

leo.fcx
leo.fcx

Reputation: 6467

Usage of jQuery prop() method does not apply since it sets a property in the element (in your case #tab3Link). But you want to manipulate the location value.

Instead of:

$("#tab3Link").prop("href", "#tab3Info");

You can either use:

window.location.hash  = 'tab3Info';

or:

window.location += '#tab3Info';

Upvotes: 2

siracoj
siracoj

Reputation: 101

Instead of return true, try:

    $(this).unbind('click');
    $(this).click();

Upvotes: 1

Related Questions