Question

我有以下功能，点击后激活：

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

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

Answer 1

是

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

Answer 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

Answer 3

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

Answer 4

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

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

Answer 5

将代码放在

中

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

像：

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

或

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

Answer 6

$(function(){

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

    }

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

}

Answer 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

在加载时触发单击功能

7 个答案: