類型錯誤：$是不是在jQuery函數的函數

Question

我在使用jQuery的包裝一個WordPress插件簡單的jQuery腳本：

$("#myForm").submit(function(e){ 

    e.preventDefault(); 

    if ($('input[name="username"]').val() == "" || $('input[name="password"]').val() == "") 

     $("#NotesArea").html("Please enter both Username and Passnumber"); 

    else 

     $.post($(this).attr("action"), $(this).serialize()) 

       .done(function(data)    { $("#NotesArea").html(data); }) 

       .fail(function(jqXHR, textStatus) {alert("Request failed: " + textStatus);}); 

}); 

我打電話從WordPress的儀表板內的這個劇本，我總是出現這個錯誤：

Uncaught TypeError: $ is not a function

好吧，我這樣做，沒有錯誤，但代碼不起作用！

(function($){ 
$("#myForm").submit(function(e){ 

    e.preventDefault(); 

    if ($('input[name="username"]').val() == "" || $('input[name="password"]').val() == "") 

     $("#NotesArea").html("Please enter both Username and Passnumber"); 

    else 

     $.post($(this).attr("action"), $(this).serialize()) 

       .done(function(data)    { $("#NotesArea").html(data); }) 

       .fail(function(jqXHR, textStatus) {alert("Request failed: " + textStatus);}); 

}); 
})(jQuery); 

Answer 1

WordPress的使用noConflict其去除$別名

總結你的代碼在以下IIFE和裏面

(function($){ 
    /* your code*/ 

})(jQuery); 

Answer 2

確保您在腳本之前調用jQuery庫。

Answer 3

jQuery處於兼容模式，使用「jQuery」而不是「$」。

https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress/