JS「.trigger()」は別のファイルでは利きませんか？

Question

このように別ファイルのJSで、「.trigger()」を効かせる方法はございませんでしょうか？

alert.js

$('#foo').bind('click', function() {
  alert($(this).text());
});

trigger.js

$('#foo').trigger('click');

こういうサイトに目を通しても特にできないという説明がなかったので、実際はどうなのか気になります。

Comments

[m.ts10806]

質問内容からはくみ取れなかったのですが、「できなかった」ということでしょうか？そのあたり「問題・課題」を明記していただきたいのと、
記述順やhtmlも含めて再現できるコードをご提示いただければと。

[Lhankor_Mhy]

余談ですが、.bind() メソッドはバージョン3.0で、非推奨となっており、将来的に使えなくなる可能性があります。

[kata2murin]

ありがとうございます。yambejp様のおかげで解決致しました。

Answer 1

• clickイベントをバインドするのよりあとに読み込む
• htmlソースが読み込み後「$(function(){...}」の中で実行する

さえ守れば、問題なくいけるはずです

• mypage.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="alert.js"></script>
<script src="trigger.js"></script>
<div id="foo">foo</div>

• alert.js

$(function(){
  $('#foo').on('click', function() {
    alert($(this).text());
  });
});

• trigger.js

$(function(){
  $('#foo').trigger('click');
});

Comments

[kata2murin]

順番が原因がったみたいです。切り分けありがとうございます。助かりました。