Returning false on link click jquery

Question

I wish to have a link which opens popup when clicked however I wish it to open a page in a new window if the user doesn\'t have JS enabled.

The following doesn\'t seem t

Answer 1

You simply missed the # indicating it's an id and not a node name.

$('#tac-link')

PS - I wouldn't recommend using eval, why not just store all the page variables in an object?

var pages = {};

function popUp( url ) {
    var id = +new Date;
    pages[id] = window.open( url );
}

Answer 2

In order to make this functionality more browser-compatible, you need to pass the event object to the click handler, then call e.preventDefault();.

example:

$( '#button' ).click( function( e ) {
    //... your code...

    e.preventDefault();
    return false;
} );

Answer 3

I think you just have the id selector wrong. Try changing $('tac-link') to $('#tac-link').

Another approach:

$('a[target="_blank"]').click(function(e) {
    window.open( this.href );
    e.preventDefault();
});

Answer 4

Also note that event.preventDefault is not present in all browsers and will cause an error in things like IE7 (if memory serves.) To avoid that, use a general if-statement:

if (e.preventDefault) {  
    e.preventDefault();  
}  
e.returnValue = false;

This will prevent the error from being thrown. I believe jQuery uses this approach as well.