Skip to main content
画面表示時にclickイベントを実行する処理を追加
ソース リンク
user29553
  • 420
  • 2
  • 8

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

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

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

$(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');
});
<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>

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

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

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

$(function() {
  $('.hoge').on('click',function (e){
    console.log("hoge clicked!");
  });
  
  $('.moge').on('click',function (e){
    console.log("moge clicked!");
    // .hogeのクリックイベントを実行する。
    $('.hoge').trigger('click');
  });
});
<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>

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

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

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

$(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');
});
<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>

ソース リンク
user29553
  • 420
  • 2
  • 8

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

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

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

$(function() {
  $('.hoge').on('click',function (e){
    console.log("hoge clicked!");
  });
  
  $('.moge').on('click',function (e){
    console.log("moge clicked!");
    // .hogeのクリックイベントを実行する。
    $('.hoge').trigger('click');
  });
});
<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>