javascript - ロード時にクリック機能をトリガーする

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