Question

this problem is so weird.

i have used jquery to link a specific id to an alert(“hello”).

$("#submit_reply").live("click", function() {
    event.preventDefault();
    alert("hellooooo");
});

now in safari when i click it works. but when im using firefox its not working. the submit_reply (a submit button) refreshes the whole page. that is to say, jquery wasnt able to bind it.

how can i debug this problem? firefox shows nothing wrong in console. but why did it work in safari? what tools can i use to check what the problem is…help!

Answer 1

You are not passing in the event object to the function.

Try this:

$( "#submit_reply" ).live( 'click', function( e ) {
     e.preventDefault();
     alert( 'hello' );
} );

Or this:

$( "#submit_reply" ).live( 'click', function( ) {
     alert( 'hello' );
     return false;
} );

As long as e.preventDefault() or return false; are executed before the end of the function, you’re good to go.