加载时触发点击功能答案

【问题标题】：Trigger click function on load加载时触发点击功能
【发布时间】：2012-05-31 20:21:30
【问题描述】：

我有以下点击时激活的功能：

$('.results .view-rooms').click(function(){   }

无论如何我可以在文档加载时触发此功能吗？

【问题讨论】：

document ready 或 window load 你把它们混在一起了... :)

标签： javascript jquery

【解决方案1】：

是的。

$(document).ready(function(){ // on document ready
    $(".results .view-rooms").click(); // click the element
})

【讨论】：

【解决方案2】：

$('.results .view-rooms').click()

你可以把它放在 DOM 中准备好：

$(function(){
    $('.results .view-rooms').click()
});

或window load:

$(window).load(function(){
    $('.results .view-rooms').click();
});

注意没有这样的事件document load。
我们有DOM ready 或window load

【讨论】：

我知道 DOM 是什么，哈哈，我只是开玩笑地指出 $(document).ready() 存在
@PhillipSchmidt。 $(document).ready(fn) 与$(fn) 完全相同，第二个是第一个的别名。
hmm.. 有趣 - 我实际上并不知道。虽然有道理。
@PhillipSchmidt。如果这对您来说是新的，您可能想read this。免责声明，这是我的问题和答案。
很高兴你的 +rep 教了我一些新东西（也很有趣）

【解决方案3】：

$(document).ready(function(){ $('.results .view-rooms').click(); });

【讨论】：

【解决方案4】：

考虑到您已经在使用 jQuery 绑定事件处理程序，并假设代码已经在构建整个 DOM 的位置，您可以将调用链接到 .click() 以触发该事件处理程序：

$('.results .view-rooms')
                        .click(function(){...}) //binds the event handler
                        .click(); // triggers the event handler

【讨论】：

+1 表示链，我不确定他是否可以在这种情况下使用它，但是教 op jQuery 的可链性很有用。

【解决方案5】：

把代码放进去

$(function(){ // code here  });

喜欢：

$(function(){ 
   $(".results .view-rooms").click(); 
});

或

$(function(){ 
   $(".results .view-rooms").trigger('click'); 
});

【讨论】：

【解决方案6】：

$(function(){

    $('.results .view-rooms').click(function(){ 

    }

    $(".results .view-rooms").trigger('click');

}

【讨论】：

【解决方案7】：

最好的办法是：

html表单：

<form action="https://stackoverflow.com" method="get">
  <button id="watchButton"></button>
</form>

结束 Jquery：

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

jQuery 版本：

https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js

【讨论】：