JQuery trigger click event not working

Question

I'm having trouble getting the following to work:

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

When I run it, it doesn't trigger a click but it doesn't show any error logs in the console either.

I've also tried the following with no luck:

$('#elem')[0].click();

Any ideas as to what could be going wrong or a solution for this?

Update: Jquery is working and when I inspect the element, #elem does appear (it's an id for a button)

HTML:

<a:button id="elem">My Button</Button>

JQuery:

P.when('A', 'jQuery').execute(function (A, $) {
    //when this function is called, it should trigger a button click
    triggerButtonClick = function() {
        $('#elem').trigger('click'); 
    };
});

Make sure event handler is placed before the trigger. It works here — Rayon
– Rayon, Commented Feb 12, 2016 at 6:00
Do you have jQuery working? Do you have click handler attached? Make a fiddle otherwise. — Adil
– Adil, Commented Feb 12, 2016 at 6:00

Sravan · Accepted Answer · 2016-02-12 06:08:51Z

2

Try it in document.ready function, then all dom loads when the document is ready.You can do something like this based on your requirement.

$( document ).ready(function() {
    $('#radio').click(function(){
      $('#elem')[0].click();
  })	  
});

answered Feb 12, 2016 at 6:08

Sravan

18.7k3 gold badges33 silver badges54 bronze badges

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

Comments

abhay vyas · Accepted Answer · 2016-02-12 06:08:10Z

i have tried this code and it works

<!DOCTYPE html>
 <html>
 <head>
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">     </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("chk1").click(function(){
    $('#usr').trigger('click');
  });
});
</script>
</head>
<body>
<form action="sample.php">
<button id="chk1">click</button>
<input class="form-control" type="submit" id="usr">
</form>
</body>
</html>

reza jafari · Accepted Answer · 2019-07-06 05:56:34Z

0

this code works for me:

$(window).load(function() {
    $('#menu_toggle').trigger('click');   
});

answered Jul 6, 2019 at 5:56

reza jafari

1,32613 silver badges16 bronze badges

Comments

Muhammad Bilal · Accepted Answer · 2019-07-06 08:25:33Z

0

$(document).ready(function () {



        $('#elem').click(function () {
            alert('clicked');
            $(this).css('color', 'red');
        });

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

    });

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<body>
 <div id="elem" >test</div>
 </body>
</html>

edited Jul 6, 2019 at 8:25

Muhammad Bilal

5271 gold badge5 silver badges13 bronze badges

answered Feb 12, 2016 at 6:12

Jobelle

2,8441 gold badge17 silver badges27 bronze badges

Collectives™ on Stack Overflow

JQuery trigger click event not working

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related