jQuery沒有檢測到點擊腳本添加到自己的WordPress主題？

我正在構建我的第一個WordPress主題，並根據WordPress.org codex頁面中的信息添加了自己的腳本以及jQuery，但沒有任何反應，儘管經過數小時的搜索，我仍無法找到原因！我被卡住了，並且無法解決這個問題，需要一些幫助。jQuery沒有檢測到點擊腳本添加到自己的WordPress主題？

當我右鍵單擊查看代碼時，腳本和jQuery都在標題中。我錯過了什麼嗎？

在functions.php文件中的代碼：

function add_scripts() 
{ 
wp_register_script('custom-script', get_template_directory_uri() . '/js/script.js', array('jquery')); 

wp_enqueue_script('custom-script'); 
} 
add_action('wp_enqueue_scripts', 'add_scripts');

的腳本是非常簡單的現在。只是用於測試：

jQuery(document).ready(function(){ 

    $('document').ready(function() { 

    //Mobile menu 
    $("#main-menu-mobile-btn").click(function(){ 
     alert("working!?"); 
    $("#main-menu-mobile").slideToggle("fast"); 
    }); 
}); 
});

這是我加入到header.php文件的HTML代碼：

<div id="main-menu-mobile-btn">test</div>

來源

2015-04-18 3D-kreativ

是否測試用例工作或做既不能工作？有沒有一些html可以證明你正在選擇的是什麼？另外jQuery加載呢？ –

爲什麼你將'（document）.ready（）'方法嵌套在另一個'（document）.ready（）'中？ – kidA

第一個腳本是php，所以不應該傳遞給html，檢查你的php標籤 –

嘗試用jQuery更換$和刪除嵌套.ready()方法。

像這樣

jQuery(document).ready(function() { 

    //Mobile menu 
    jQuery("#main-menu-mobile-btn").click(function(){ 
     alert("working!?"); 
     jQuery("#main-menu-mobile").slideToggle("fast"); 
    }); 
});

來源

2015-04-18 17:59:30

它的工作！但爲什麼它使用jQuery而不是$符號？所以我不能使用美元符號呢？ –

@ 3D-kreativ你有2個準備就緒的函數，從你的文件中刪除$（'document'）。ready（function（）{並移除一個}）; –

據我所知，如果您在WordPress網站中使用「jQuery」而不是「$」，那就太好了。但是如果你這樣寫的話，你可以使用'$'符號。 'jQuery（document）.ready（function（$）{}）;' –

jQuery沒有檢測到點擊腳本添加到自己的WordPress主題？

回答

相關問題