点击事件未触发-jQuery

Question

I have on my local machine something like this:

<form>
...
<input type="submit" name="bouton" id="bouton" style="display:none;" />    
</form>
<script type="text/javascript">
setTimeout(function ()
{
    console.log("test");
    $("#bouton").click();
    //alert("redirection");
}, 150);
</script>

When this page is loaded the click event is correctly triggered. Now, on my remote server the exact same code does not trigger this event but the console.log message works! I tried as suggested by some SO post to add $("#bouton")[0].click(); but it didn't work. How can it be?

Answer 1

Wrap your entire code in this call:

$(document).ready(function(){
// your code here
});

Most likely, the same explanation I did here is valid too: jquery click event not fired on internet explorer

Please read the entire answer: it contains some information to help you debug your code.

Jsfiddle of working code .

Answer 2

$(function() {
  setTimeout(function () {
  console.log("test");
  $("#bouton").click();
   //alert("redirection");
  }, 2000);
});

Do check in http://jsfiddle.net/7M8Gj/

Answer 3

maybe jQuery is not loaded yet, try this to ensure

var l = document.getElementById("bouton");
l.click();