ベストセラー人気 WordPress テーマTop 30 詳細

[jQuery]複数の$(document).ready(function(){...}); 使用

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

$(document).ready()は、複数回の使用が可能です。 下記の2つの形式で二つ以上を使用することができます。 ただし、読みやすさに問題があることがありますので、乱用してはなら良くないでしょう?

$(document).ready(function() {
alert('홍길동님, 안녕하세요?');
});

$(document).ready(function() {
alert('철수님, 안녕하세요?');
});

$(document).ready(function() {
alert('영희님, 안녕하세요?');
});

上記の構文を以下のように変更することもできます。

$(document).ready(function() {
alert('홍길동님, 안녕하세요?');
alert('철수님, 안녕하세요?');
alert('영희님, 안녕하세요?');
});

一つの留意事項は、 $(document).ready ブロックで定義した関数を他の $(document).ready ブロックから呼び出すことができません。

また、以下のように一つのdocumentの中に複数の関数を使用することができます。

$(document).ready(function() {
// Jquery
$('.hide').hide();
$('.test').each(function() {
$(this).fadeIn();
});

// Reqular JS
function test(word) {
alert(word);
}
test('안녕하세요!');
});
// Source: stackoverflow

上記の方法で、複数の $(document).ready()を追加することができますが、特別な理由がない限り、あまり推奨されないですね。 可読性の問題もあり、多分予想通りに実行されないことがあります。 Dependencyに特に注意する必要があります。

メモ:



コメントを残す

コメント