47738


下記のようなコードがあるのですが、

[code]

    $('.hoge').on('click',function (e){
      //中略
    });
    
[/code]

* * *

クリックせずに、クリックしたものとして呼び出すには、どう書けば良いですか？  
・下記では駄目ですか？

[code]

    $('.hoge').trigger('click');
    
[/code]

* * *

**具体例を追記しました**  
・下記でボタンクリックせずに、"hoge clicked!"とコンソールログ表示させるにはどう書けば良いですか？

[code]

    <button class="hoge">hoge</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script>
    $(function() {
      $('.hoge').on('click',function (e){
        console.log("hoge clicked!");
      });
      // .hogeのクリックイベントを実行する。
      $('.hoge').trigger('click');
    });
    </script>
    
[/code]


CC BY-SA 4.0
2018-08-22T16:29:06.350
47737
2018-08-23T02:24:03.893
2018-08-23T01:55:47.270
7886
7886
question
jquery
jQueryのクリックメソッドを、クリックせずに呼び出したい


> 下記では駄目ですか？  
>  $('.hoge').trigger('click');

駄目ではありません。`trigger`で良いです。

以下に、`trigger`の利用例を記載します。

[code]

    $(function() {
      $('.hoge').on('click',function (e){
        console.log("hoge clicked!");
      });
      
      $('.moge').on('click',function (e){
        console.log("moge clicked!");
        // .hogeのクリックイベントを実行する。
        $('.hoge').trigger('click');
      });
      
      // 初回に.hogeのクリックイベントを実行する。
      $('.hoge').trigger('click');
    });
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button class="hoge">hoge</button>
    <button class="moge">moge</button>
[/code]


CC BY-SA 4.0
2018-08-22T16:40:21.477
47738
2018-08-23T02:24:03.893
2018-08-23T02:24:03.893
29553
29553
47737
answer