how to call jquery click function from other jquery function

Question

how to call jquery click function from other jquery function.

i tried by using trigger function it is not working.

Here is my jquery function

$('#index1').click(function(event){
    $('#index2').trigger('click');
});

$('#index2').click(function(event){
   alert("Hello");
});

i want to call #index2 function from #index1 function.

.trigger() should work. Are you trying to click element or simply execute the click handler? You can try $('#index2').get(0).click() — Satpal
– Satpal, Commented Oct 13, 2016 at 11:43
Your code works, so?! If no, then obviously you aren't binding events — A. Wolff
– A. Wolff, Commented Oct 13, 2016 at 11:43
your code is just perfect, just check if you have added a Jquery library or not. — Amrinder Singh
– Amrinder Singh, Commented Oct 13, 2016 at 12:00

Amrinder Singh · Accepted Answer · 2016-10-13 11:55:03Z

2

Here is the working example:

Be sure you have added a jquery library

$('#index1').click(function(event){
    $('#index2').trigger('click');
});

$('#index2').click(function(event){
   alert("Hello");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<h2 id="index1">
Index 1
</h2>


<h4 id="index2">
Index 2
</h4>

answered Oct 13, 2016 at 11:55

Amrinder Singh

5,62213 gold badges50 silver badges95 bronze badges

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

Collectives™ on Stack Overflow

how to call jquery click function from other jquery function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related