jquery: simulating a click via jquery - not working

Question

so I have a very simple code

    $("#toggle_google").trigger("click");
    $("#toggle_google").click();
    
    $("[id^='toggle_']").on("click", function() {
    	console.log("clicked: " + $(this).attr("id").replace("toggle_", "").toString());
                    
      return false;
    });
    
    $("#toggle_google").on("click", function() {
    	console.log("clicked toggle_google");
        
        return false;
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
      <a href="www.google.com" id="toggle_google">Google</a>
      <br>
      <a href="javascript:void(0)" id="toggle_bing">Bing</a>
    </p>

I don't get anything on my console when the page loads. If I click on the links, I get messages on my console.

I've come up with my code after reading various discussions in stackoverflow and also reading jquery.com

Any ideas why it isn't working?

Here's a jsfiddle link

You are triggering the click before you have added the onclick event listener. — tail_recursion
– tail_recursion, Commented Feb 23, 2018 at 6:19

Amit Kumar · Accepted Answer · 2018-02-23 06:20:09Z

1

You have defined your click event after calling , so just revers it. and it will work fine.

$("[id^='toggle_']").on("click", function() {
    console.log("clicked: " + $(this).attr("id").replace("toggle_", "").toString());

});

$("#toggle_google").on("click", function() {
    console.log("clicked google");
});

$("#toggle_google").trigger("click");
$("#toggle_google").click();

LiNK

answered Feb 23, 2018 at 6:20

Amit Kumar

5,96212 gold badges49 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

jquery: simulating a click via jquery - not working

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