wp_enqueue_script lädt die Abhängigkeit nicht

Question

Das Wordpress-Plugin, das ich entwickle, kann die jQuery-Abhängigkeit trotz Übergabe im dritten Parameter der wp_enqueue_scripts-Funktion nicht abrufen. Die Verwendung der inspect-Funktion in Google Chrome zeigt diesen Fehler an: "$ ist keine Funktion", also gehe ich davon aus, dass jquery nicht korrekt geladen wird. Die js-Datei wird erreicht, wenn "here" angezeigt wird. Jede Hilfe würde sehr geschätzt werden!

PHP Admin-Seite:

function kent_sidebar_plugin_scripts(){ 
wp_enqueue_script('kent_sidebar_process', 
plugin_dir_url(__FILE__).'inc/process.js', array('jquery')); 
} 

function kent_sidebar_add_admin_page(){ 

add_menu_page('Kent Sidebar Options', 'Kent Sidebar', 'manage_options', 
'kent_sidebar', 'kent_sidebar_options'); 

} 

add_action('admin_menu', 'kent_sidebar_add_admin_page'); 
add_action('admin_enqueue_scripts', 'kent_sidebar_plugin_scripts'); 


function kent_sidebar_options(){ 

require_once("inc/kent-sidebar-admin.php"); 

} 

JS-Datei:

window.alert("here"); 

$(document).ready(function(){ 

$('#editSidebar').onclick(function(){ 

    var optionVal = $('#sidebarList').find(":selected").text(); 
    alert(optionVal); 

}) 

});

Answer 1

Wenn Sie Ihr Skript über ein Plugin laden, wird jQuery manchmal nicht über $ definiert, Sie müssen es manuell durch eine Funktion übergeben. So etwas wie dies sollte es beheben:

window.alert("here"); 

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

     $('#editSidebar').on("click",function(){ 

      var optionVal = $('#sidebarList').find(":selected").text(); 
      alert(optionVal); 

     }) 
    }); 

Auch Onclick ist kein jQuery-Methode, ich glaube, Sie für .on suchen()

Answer 2

JQuery mit Wordpress verpackt kommt mit Kompatibilitätsmodus, so dass andere JS Die Verwendung von $ als Alias ​​kann zusammen ausgeführt werden. Sie können den jQuery-Wrapper zum Hinzufügen von Code mit $ eg verwenden.

(function($) { // your code with $ })(jQuery);

oder Sie können var $ = jQuery.noConflict(); an der Spitze Ihrer JS-Datei.