Typeerror: $ ist keine Funktion in jQuery Funktion

Question

ich ein einfaches jQuery-Skript in einer Wordpress-Plugin habe, die einen jQuery-Wrapper verwendet:

$("#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);}); 

}); 

Ich rufe das Skript aus der Wordpress-Dashboard, und ich bin bekommen immer diesen Fehler:

Uncaught TypeError: $ is not a function

In Ordnung, ich habe es so gemacht, keine Fehler, aber der Code funktioniert nicht!

(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 verwenden, die entfernt den $ alias

Wickeln Sie Ihren Code in das folgende IIFE und Sie können mit $ weiter im Inneren

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

})(jQuery); 

Answer 2

Stellen Sie sicher, dass Sie vor Ihrem Skript jquery Bibliothek aufrufen.

Answer 3

jQuery ist im Kompatibilitätsmodus, verwenden Sie "jQuery" anstelle von "$".

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