页面加载上的链接触发器不起作用

Question

I'm making a simple example on triggering a click on a link on page load but it's not working. I don't want to navigate the that href I just want the trigger to work for something else I'll work on here's the head code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
    $("a#test").trigger('click');
},1000);
});

</script>

and the body code

<a href="http://www.yahoo.com" id="test">click</a>

Answer 1

Can you try this,

    $(document).ready(function() { 

        $( "#test" ).on( "click", function() {
             alert('Clicked');
             window.location.href = $( this ).attr('href'); //automatic redirection from the link href
             console.log('clicked');
            });

        setTimeout(function() {
            $("#test").trigger('click');
        },1000);
    });

Answer 2

It's actually working but it doesn't redirect you.

You can see an example here.

setTimeout(function() {
    $("a#test").trigger('click');
},1000);
$("a").on('click', function(){
    $(this).css('font-size', 50)
})

Demo