javascript - wp_enqueue_script 未加载依赖项

Question

我正在开发的 WordPress 插件无法引入 jquery 依赖项，尽管将其传递到 wp_enqueue_scripts 函数的第三个参数中。在 google chrome 上使用检查函数会显示此错误:“$ 不是函数”，因此我假设 jquery 未正确加载。当显示“here”时，正在访问 js 文件。任何帮助将不胜感激!

PHP 管理页面:

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文件:

window.alert("here");

$(document).ready(function(){

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

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

})

});

Answer 1

WordPress 打包的 Jquery 带有兼容模式，因此任何其他使用 $ 作为别名的 JS 都可以一起运行。您可以使用 jQuery 包装器通过 $ 例如添加代码。

(函数($) {
//你的代码带有 $
})( jQuery );

或者您可以在 JS 文件顶部添加 var $ = jQuery.noConflict(); 。