Question

我正在创建一个主题的儿童主题，我有几个想要滑入页面的div。如果我不包含WordPress jquery文件，它可以工作但如果我包含它，现在它会中断。我有点困惑，为什么？

脚本是：

$(window).load(function(){
$("div.home-sidebar, div.draw-logo")
.css("margin-left",-$(this).width())
.animate({
    marginLeft:0
}, 4000);
$("div.menu-links")
.css("margin-top",-$(this).width())
.animate({
    marginTop:0
}, 5000);
});

Answer 1

是的，您需要像这样使用它：

 (function ($) {
     $(window).load(function () {
         $("div.home-sidebar, div.draw-logo")
             .css("margin-left", -$(this).width())
             .animate({
             marginLeft: 0
         }, 4000);
         $("div.menu-links")
             .css("margin-top", -$(this).width())
             .animate({
             marginTop: 0
         }, 5000);
     });
 })(jQuery);

由于wordpress使用了jQuery，如果您想将其引用到$，那么您可以使用此iife来传递jQuery并使用$代替它。

javascript onload幻灯片

1 个答案: