javascript美元符号变量不工作

发布时间：2020-12-14 23:03:51 所属栏目：资源来源：网络整理

导读：我在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 { $heade

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

一切都很好.为什么？

谢谢

最佳答案

可能是你在尝试使用jQuery而不是构建dom.尝试使用$(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);

在这里,您只需使用命名的$parameter声明匿名函数：

function ($) {
}

并使用jQuery对象作为参数调用它,该函数将在$函数中可用：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!