trigger a click function in another function

Question

I have a very basic click-function which does some functions:

$('#one').click(function() { 
    slider();
    $(this).css({'background-image':'url(img/circle_c.png)'});
    $('#two, #three').css({'background-image':'url(img/circle.png)'});
    $content.cycle(0); 
    return false;  
});

now I want to trigger this click function at another click-function. I mean once I press another click-function which currently looks like this:

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');
    // and some other functions
});

the first click-function fires as well. Does anyone of you know how to do this. I guess copy and paste the content of #one clickfunction is not nessecary.

Cheers

Claudio Redi · Accepted Answer · 2013-11-04 14:27:11Z

6

You could use trigger

$('#one').trigger('click');

So your complete code would looks like this

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');
    $('#one').trigger('click'); // < -- trigger click for #one
    // and some other functions
});

answered Nov 4, 2013 at 14:27

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

5 Comments

Royi Namir Over a year ago

or $('#one').click();

supersize Over a year ago

@ClaudioRedi this works fine, but unfortunenately it does not trigger the $content.cycle() function in the #one click. Don't know why

supersize Over a year ago

@ClaudioRedi nope, nothing. Its cycle.js and all functions inside the triggered function do their job, but the cycle not.

Claudio Redi Over a year ago

@supersize: I don't see that $content is defined inside click handler, maybe someone else is messing up with that global variable?

supersize Over a year ago

@ClaudioRedi no, $content works at the first click-function. And as the trigger refers to that it should work. Its global and no issues. But I guess this isnt your point anymore, question is correctly answered.

Paul Roub · Accepted Answer · 2013-11-04 14:30:11Z

0

Break the first click-handling code out into a function:

function swapImages() {
  slider();
  $('#one').css({'background-image':'url(img/circle_c.png)'});
  $('#two, #three').css({'background-image':'url(img/circle.png)'});
  $content.cycle(0); 
  return false;  
}

And reference it in both places:

$('#one').click( swapImages );

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');

    swapImages();

    return false;
});

answered Nov 4, 2013 at 14:30

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

Comments

Taylan Aydinli · Accepted Answer · 2013-11-04 14:30:16Z

0

You have two options. You can use the trigger method.

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

Or you can use the click method with no arguments. Example here.

$("#one").click();

answered Nov 4, 2013 at 14:30

Taylan Aydinli

4,37315 gold badges42 silver badges33 bronze badges

Collectives™ on Stack Overflow

trigger a click function in another function

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related