Call an already defined .onClick() function from jQuery

Question

I created some ajax paginated comments in WordPress. Unfortunately, if the user had clicked on the reply button and then goes about to click on another comment page, the Comment Form vanishes into thin air.

Anyways, simple question: Triggering the "Cancel Reply" function from my code each time the user clicks on a new ajax page would effectively solve the problem by causing the form to jump back to the original position.

How can I trigger cancel.onclick() from my own code easily? I was going to just duplicate commands and create a new function, but thought there might be an easier way to save a few bytes!

Here's the source code: http://core.trac.wordpress.org/browser/trunk/wp-includes/js/comment-reply.dev.js

Ken Redler · Accepted Answer · 2010-12-11 04:06:49Z

1

Try something like this:

$('#id_of_your_cancel_button').click();
// same thing as $('#id_of_your_cancel_button').trigger('click');

If the "cancel" logic is to be used in multiple contexts, perhaps it would be best if it lives in its own named function declaration, rather than the anonymous function expression as in your example. This would give you the option of doing something like this:

function myCancelCode(){
  do_stuff();
}

Then in your addComment object:

cancel.onclick = myCancelCode;

and from anywhere else:

if( somethingHappens ){
  myCancelCode();
}

edited Dec 11, 2010 at 4:06

answered Dec 11, 2010 at 3:59

Ken Redler

23.9k8 gold badges60 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Call an already defined .onClick() function from jQuery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related