javascript美元符号变量不起作用答案

【问题标题】：javascript dollar sign variable not workingjavascript美元符号变量不起作用
【发布时间】：2012-08-29 18:11:39
【问题描述】：

我的 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 永远不会...

但是

如果我附上：

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

一切都好。为什么？

谢谢

【问题讨论】：

发生了什么 javascript 错误或提供包含错误的 wordpress url 以便我们正确回答。
“为什么它不起作用？？”不是我熟悉的错误消息。
@ExplosionPills：就像“天是蓝的”、“水是湿的”、“重力是一种下降”和“摩擦是一种阻力”。是的，但没用。
我刚刚编辑了我的代码。希望现在一切都揭开谜底。我没有在 Chrome 中报告任何 JS 错误。
正如其他人指出的那样，在一种情况下 ($header = ..)，DOM 正在被访问（虽然 jQuery 元素选择器）之前它准备好了..很多重复。该事件在 DOM 准备好之后的某个时间触发。

标签： javascript jquery html wordpress dom

【解决方案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);

【讨论】：