为什么我不能在我的wordpress网站上运行任何jQuery？

Question

声明：我是一个总共jQuery新手。

我所尝试过的： 在Magnum WP主题内有多个js文件入队。我已经添加了jQuery代码到custom.js，这个代码肯定是可以正确连接的（因为函数显然已经用完了）。我也尝试在头部添加<script>标签，并在最后（在调用jQuery库之后）直接粘贴代码。这个主题使用jQuery，所以lib是绝对链接的。我已经尝试了很多不同的代码片段，我无法让它们中的任何一个工作。例如。我一直在试图整天获得这一个运行

jQuery(window).scroll(function() { 

    var position = $(this).scrollTop(); 

    jQuery('.section').each(function() { 
     var target = $(this).offset().top; 
     var id = $(this).attr('id'); 

     if (position >= target) { 
      jQuery('.menu-wrap > ul > li > a').removeClass('yes'); 
      jQuery('.menu-wrap > ul > li > a[href=#' + id + ']').addClass('yes'); 
     } 
    }); 
}); 

我也有jQuery尝试过用$（不知道这是语义正确的）所取代。

我可以确认链接的HTML元素存在。 .yes在我的样式表中引用了我可以确认的规则background: red;。

我完全不知道为什么这个代码或任何其他jquery函数不会加载。

在Chrome控制台中没有相关的错误。

Answer 1

现在，我可以说，你在兼容模式下使用jQuery。试试这个代码：

jQuery(window).scroll(function() { 

    var position = jQuery(this).scrollTop(); 

    jQuery('.section').each(function() { 
     var target = jQuery(this).offset().top; 
     var id = jQuery(this).attr('id'); 

     if (position >= target) { 
      jQuery('.menu-wrap > ul > li > a').removeClass('yes'); 
      jQuery('.menu-wrap > ul > li > a[href*="#' + id + '"]').addClass('yes'); 
     } 
    }); 
}); 

---

或这一个

jQuery(function($){ 
    $(window).scroll(function() { 

    var position = $(this).scrollTop(); 

    $('.section').each(function() { 
     var target = $(this).offset().top; 
     var id = $(this).attr('id'); 

     if (position >= target) { 
      $('.menu-wrap > ul > li > a').removeClass('yes'); 
      $('.menu-wrap > ul > li > a[href*="#' + id + '"]').addClass('yes'); 
     } 
    }); 
    }); 

}) 

而更多使用的是CSS选择这样a[href=#id]不正确。您应该将字符串传递给值，并且链接不完全匹配选择器中的id，但只是部分。所以我把它改为a[href*="#id"]