文档就绪按钮.单击仅在控制台中有效

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>

Answer 2

$(window).load(function () {
    $('#stbutton').click();
})

我发现了窗口加载的魔力！