文档就绪按钮。单击仅适用于控制台

Question

我有一个按钮<button id="stbutton"></button>，我可以进入 Chrome Dev Console $('#stbutton').click();，它可以工作。然而，听起来很简单：

$(document).ready(function () {
    $("#stbutton").click();
});

不起作用。也试过等待父div加载，没有骰子，

 $('#panel').ready(function () {
    $("#stbutton").click();
});

至于这个页面，我知道它在控制台中工作。并且 jquery 在它遇到这行代码之前肯定会被加载。

Answer 1

正如@charlietfl 指出的那样，您可能在将点击侦听器附加到元素之前触发了该事件。

$(document).ready(function(){

   $("#stbutton").click(); //This doesn't work
  
  
   $("#stbutton").on("click", function(){
      alert("clicked");
   }); 
  
   $("#stbutton").click(); //trigger event after listening to it.

});

#stbutton {
  background: #000;
  width: 100px;
  height: 100px;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  
<div id="stbutton"></div>