爲什麼我不能在我的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"]