JavaScript美元符号变量不起作用

Question

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

如果语句按照预期执行，但是 else 从未被执行...

但是

如果我将它包含在以下内容中：

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

一切都好。为什么？

谢谢

- daniel.tosaba

---

“为什么它不工作？”这不是我熟悉的错误信息。 - Explosion Pills

@ExplosionPills：这就像是“天空是蓝色的”和“水是湿的”以及“重力是一种压制力”和“摩擦力是一种阻力”。没错，但毫无用处。 - Marc B

我刚刚编辑了我的代码。希望现在所有的问题都被解决了。在Chrome中没有报告任何JS错误。 - daniel.tosaba

-1 仅仅因为“这段代码”和“原始代码”差别太大。 请花时间撰写好问题，不要填充虚假信息。 - user166390

正如其他人所指出的，在某种情况下（$header = ..），DOM 在准备就绪之前就通过 jQuery 元素选择器进行访问了。这方面有很多重复的内容。事件会在 DOM 准备就绪后的某个时间触发。 - user166390

Answer 1

你可能正在尝试在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);

- Danil Speransky