How to trigger a anchor tag click event dynamically using javascript?

Question

I'm trying to trigger a already written click event for an anchor tag using JavaScript but it is not working. can any one please help me to do this

I have a anchor tag

<a id="memberid">Data Member</a>

<script>
   $("#memberid").click(function() {
       changebreadcrumb("Data Management");
   });
</script> 


i want to trigger above click event on load

i tried
   $("#memberid").click();

and 

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


but did not work.

wrap your jquery code inside $(document).ready(function(){}) block — Kartikeya Khosla
– Kartikeya Khosla, Commented Nov 19, 2014 at 5:16

chaoskreator · Accepted Answer · 2014-11-19 05:19:38Z

1

Place this at the end of your HTML before the closing body tag

<script>
    $(document).ready(function(){
        $('#memberid').trigger('click');
    });
</script>

answered Nov 19, 2014 at 5:19

chaoskreator

9141 gold badge18 silver badges43 bronze badges

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

Comments

Gibbs · Accepted Answer · 2014-11-19 05:32:41Z

1

DEMO

Use jquery and check whether your dom is ready. It works fine. See the properties in the fiddle on its left side panel

  $("#memberid").click(function() {
      alert('clicked');
   });

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

EDIT: FINAL DEMO

If you want to triger click on pageload, use window.onload in javascript or jquery load method as i mentioned.

 $(window).load(function()
             {
               $("#memberid").trigger("click");
             });

edited Nov 19, 2014 at 5:32

answered Nov 19, 2014 at 5:19

Gibbs

23.1k14 gold badges84 silver badges147 bronze badges

2 Comments

Gibbs Over a year ago

Hi, what problem r u facing? Have u wrapped your code inside domready nd included jquery?

user2651906 Over a year ago

i have a click event in side which i have written what has to happen. now on load of the page i want to trigger that click event.

Ankit Chugh · Accepted Answer · 2014-11-19 05:22:53Z

0

If your click is not working then in that case....try on() function to trigger event

$(document).ready(function(){

    $("#anchor_id").on( "click", function() {
        //your work
    });

});

answered Nov 19, 2014 at 5:22

Ankit Chugh

3182 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to trigger a anchor tag click event dynamically using javascript?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related