[jQuery]複数の$(document).ready(function(){...}); 使用
$(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に特に注意する必要があります。