無法讓 jquery 功能在 wordpress 網站上工作

Question

我的 jquery 函數在本地運行良好，但是一旦我將它添加到我的 WP 頁腳並上傳，什么都沒有。

這個頁面上有很多腳本，但我試圖制作的腳本是這樣的：

    jQuery(document).ready(function($){
  $("li.accordion").on('click',function() {
    $('.mega-sub-menu', this).slideToggle("fast", function() {});
  });
});

Jquery 已加載並正常工作，但此腳本將無法運行。

有任何想法嗎？

編輯：謝謝，但這不是流浪者

我似乎在網站上遇到了緩存問題，現在已經更新。 還是有問題。

EDIT2：刪除了一個鏈接

Answer 1

您的網站有語法錯誤。 JavaScript 末尾有一個引號，很可能導致它無法執行。

jQuery(document).ready(function(){
    jquery("li.accordion").click(function() {
        jquery('.mega-sub-menu', this).slideToggle("fast", function() {});
    });
});' <--- quote here

好的，你現在已經解決了這個問題，所有的 JavaScript 都在工作，但我可以看到阻止菜單顯示的下一個問題是一個帶有 !important 的 CSS 規則。 （它覆蓋了通過 JQuery 添加的超級子菜單上的 style="display:block" 屬性）。

Answer 2

所以在做了更多的谷歌搜索之后，我想出了這個答案：

jQuery(function($){
    $('li.accordion').click(function() {
             $('.mega-sub-menu', this).slideToggle('fast', function() {});
    }).click();

});

在這里，我們模擬點擊，以便手風琴開始關閉，我不需要向任何內容添加更多 CSS。

我之前在 CSS 中添加了 important 來克服內聯樣式——就像一個白痴，沒有意識到 jquery 正在添加內聯樣式（我認為無論如何我就是這樣做的，晚了不合適。）