5

Wordpressに次のコードがあります：

(function ($) {
  var $header = $("div.header");

  $(window).bind("scroll resize", function () {
    if ($(window).scrollTop() > 30) {
      $("div.header").stop().animate({
        'opacity': 0.24
      }, {
        duration: 1000
      });
    } else {
      $header.stop().animate({
        'opacity': 1
      }, {
        duration: 1000
      });
    }
  });
})(jQuery);

想定されたときにステートメントが開始されたが、それ以外の場合は決して...

しかし

私がそれを囲む場合：

jQuery(document).ready(function($) {        
  // code here
});

それはすべて大丈夫です。なんで？

ありがとうございました

4

1 に答える 1

11

domがビルドされていないときにjQueryを使用しようとしている可能性があります。関数を使用してみてください$(document).ready：

(function ($) {
  $(document).ready(function () {
    $header = $("div.header");
    $header.remove();
  });
})(jQuery);

あなたが質問で述べたことについて：

jQuery(document).ready(function ($) {
  // code
});

これは同じことを行うために機能します。イベントハンドラーをイベントにバインドし、オブジェクトをパラメーターとして関数にready渡します。jQuery$

今、あなたが前にしたこと：

(function ($) {
  $header = $("div.header");
  $header.remove();
})(jQuery);

$ここでは、名前付きパラメーターを使用して無名関数を宣言します。

function ($) {
}

そして、jQueryオブジェクトをパラメータとして呼び出します。これは、関数で次のように使用できます$。

(function ($) {
})(jQuery);
于 2012-09-05T04:20:45.033 に答える