Trigger on document load not working

Question

Basically i want to call click event as soon as the document is loaded. Below is the sample code.

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
            $("a").trigger("click");
     });

    </script>
    </head>
    <body>

    <a href="http://google.com/">Link</a>

    </body>
    </html>

And now? What is your question? Does it work as expected or not? What do you expect to happen? — bkausbk, Sep 17 '15 at 11:48
seems duplicate http://stackoverflow.com/questions/2060019/how-to-trigger-click-on-page-load — Arvind, Sep 17 '15 at 11:51

score 0 · Accepted Answer · edited May 23 '17 at 12:29

0

You need to navigate using href of anchor and here is why:

window.location =  $("a").attr('href');

edited May 23 '17 at 12:29

Community

1
1

answered Sep 17 '15 at 11:41

Milind Anantwar

81,290
25
94
125

score 0 · Answer 2 · answered Sep 17 '15 at 12:40

    <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 <script>
jQuery(document).ready(function(){
jQuery( "a" ).on( "click", function() {

 window.open('http://www.google.com');
});
jQuery( "a" ).trigger( "click" );
});
</script>
</head>
<body>
<a href="#">Link</a>
</body>
</html>

Trigger on document load not working

2 Answers2