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 ($) {
}

并以 object 作为参数调用它,jQuery该参数在函数中可用$

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