Jquery click function not triggering a click

Question

I have this simple HTML page:

<html>

<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript">  </script>

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

</head>

<body>
<a id="test" href="http://google.com">http://google.com</a>
</body>

</html>

I want to trigger a click event on the element called test on loading the page. The actual code is actually more sophisticated than that but this very basic example is not working. I checked the console log and there are no notices there.

@Regent no it is if the OP wants to trigger the click event, the implementation of what has to be done resides on him — Chakravarthy S M
– Chakravarthy S M, Commented Sep 22, 2014 at 12:29
@ChakravarthySM take a look at docs to see what is going on, when you call .click() without arguments. — Regent
– Regent, Commented Sep 22, 2014 at 12:31
@Satpal partially you are right, partially I am: $('#test').get().click(); will cause an error. $('#test').get(0).click(); will not cause an error. — Regent
– Regent, Commented Sep 22, 2014 at 12:39

Satpal · Accepted Answer · 2014-09-22 12:39:29Z

2

You need to use to trigger the DOM element click

$('#test').get(0).click();

Use .get(), It retrieve the DOM elements matched by the jQuery object. As .click() will trigger the element click event handler. It will not actually click the element.

Using simple Vanialla JS

document.getElementById('test').click()

DEMO

edited Sep 22, 2014 at 12:39

answered Sep 22, 2014 at 12:33

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Nzall · Accepted Answer · 2014-09-22 12:27:36Z

2

.click() doesn't actually send a click event.

What .click() does is define something that happens when you click on the element.

answered Sep 22, 2014 at 12:27

Nzall

3,5855 gold badges36 silver badges65 bronze badges

Comments

Kartikeya Khosla · Accepted Answer · 2014-09-22 12:35:25Z

2

The .click() you are triggering is correct but you are missing a click event for '#test' as shown :

$('#test').click(function(){
  alert('here');
});

Now your complete jquery code is as shown :

<script>
$(document).ready(function () {
  $('#test').click();  //or  $('#test').trigger('click');
  $('#test').click(function(e){
    e.preventDefault();
    alert('here');
    window.location.href = $(this).attr('href'); //redirect to specified href
  });
});
</script>

edited Sep 22, 2014 at 12:35

answered Sep 22, 2014 at 12:27

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Comments

Gareth Talty · Accepted Answer · 2014-09-22 12:32:38Z

1

Your #test link should be bound to a function, eg:

$(document).ready(function () {

  //do something on test click
  $('#test').on("click", alert());

 //click test
  $('#test').click();
});

http://jsfiddle.net/ub8unn2b/

answered Sep 22, 2014 at 12:32

Gareth Talty

1357 bronze badges

Comments

Ankit Gupta · Accepted Answer · 2014-09-22 12:42:15Z

0

Here click event is triggered i.e. click event is fired on page load but you can not load href by just triggering the click event,for that you can use

window.location.href = "http://www.google.com";

answered Sep 22, 2014 at 12:42

Ankit Gupta

2,6192 gold badges17 silver badges28 bronze badges

Collectives™ on Stack Overflow

Jquery click function not triggering a click

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related