javascript美元符号变量不起作用

我的 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);

if 语句在应该的时候启动，但 else 永远不会......

BUT

如果我用以下内容将其括起来：

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

一切都很好。为什么？

谢谢

可能是您在 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);

这里你只需用named声明匿名函数$范围：

function ($) {
}

并调用它jQuery对象作为参数，在函数中可用$:

(function ($) {
})(jQuery);