CODEWITHSUNDEEP
javascriptjqueryclick
JackLeo
JackLeo

Reputation: 4740

jQuery faking click event

Lets say I have code:

$('#target').click(function() {
  alert('Handler for .click() called.');
});

I want that after page is loaded #target would be auto clicked, yet click function remain active.

For example same button for play and stop. This would launch play method but if pressed again would stop that.

Should I just trow it to separate method or if there is single line call for such event?

Upvotes: 1

Views: 191

Answers (4)

Richard Dalton
Richard Dalton

Reputation: 35793

I think you should the use toggle() event (not to be confused with toggle for showing and hiding!) as this handles multiple functions off the same event. You can then call click() after binding to call it once automatically:

$('#target').toggle(function() {
  $(this).text('Stop');
}, function() {
  $(this).text('Play');
}).click();

JSFiddle Example

Upvotes: 1

daveoncode
daveoncode

Reputation: 19588

$('#target').trigger("click");

Upvotes: 1

gislikonrad
gislikonrad

Reputation: 3581

It's quite simple and you almost had it...

$('#target').click(function() {
  alert('Handler for .click() called.');
}).click();

Here's a fiddle: http://jsfiddle.net/gislikonrad/xqKBE/

Upvotes: 6

WTK
WTK

Reputation: 16971

// when the page is ready
$(function() {
    $('#target').click(function() {
        alert('Handler for .click() called.');
    });

    // trigger click handler for #target
    $("#target").trigger('click');
});

Upvotes: 4

Related Questions