jquery - Drupal jQuery ネームスペース

Question

短くて便利な $ jQuery 表記を使用できます。次のコード構造を使用しています。

(function($) {
    $('div#webform-component-team-name').css('background', 'blue');
    alert('testing!');
    console.log('working...!');
})(jQuery);

しかし、alert ステートメントと console.log ステートメントを除いて、何も機能しないことがわかりました。これらのステートメントは正常に機能しますが、背景色を変更するの 2 行目 (または$で始まるその他のもの) は機能しません。

score 1 · Accepted Answer

alert関数とconsole.log関数はjQueryなしで機能するはずです（ブラウザーによってはconsole.log）。したがって、最初に確認するのは、jQueryが実際にページに正常にロードされており、この無名関数を実行する前に使用可能であることです。

便利なことはさておき、ここに名前空間javascript/jQueryに自己実行関数を使用することについての非常に良い説明があります。

この例のように、使用した構文を拡張します。

(function( skillet, $, undefined ) {
// do stuff here
}( window.skillet = window.skillet || {}, jQuery ));

関数をパブリックおよびプライベートにする方法を示します。

1 に答える 1