获取"未捕获的类型错误: $(...)。dataTable 不是一个函数,而在自定义 WordPress 插件中使用 datatable 时



我正在使用一个数据表从数据库加载项目自定义wordpress插件。但我一直得到这个错误'Uncaught TypeError: $(…)。dataTable不是一个函数。这是一个常见的问题,但所有的解决方案都是一样的,我已经检查过了。jquery和datatable库以正确的顺序加载,库链接没有错误,也没有加载两次。这个错误可以是任何其他原因什么? ?下面是库的排队方式:

if (!function_exists('current_actives_mng_enqueue'))
{
function current_actives_mng_enqueue()
{
// JS
wp_register_script('cur_act_mng_jquery', '//code.jquery.com/jquery.min.js');
wp_register_script('cur_act_mng_bootstrap_js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js');
wp_register_script('cur_act_mng_bootstrap_popper_js', '//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js');
wp_enqueue_script('cur_act_mng_datatable_js','//cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js',array('jquery'));
wp_enqueue_script('cur_act_mng_jquery');
wp_enqueue_script('cur_act_mng_bootstrap_js');
wp_enqueue_script('cur_act_mng_bootstrap_popper_js');
wp_enqueue_script('cur_act_mng_datatable_js');
// CSS
wp_register_style('cur_act_mng_bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
wp_register_style('cur_act_mng_datatable_css', '//cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css');
wp_register_style('cur_act_mng_custom', plugins_url('css/style.css', __FILE__));
wp_enqueue_style('cur_act_mng_bootstrap');
wp_enqueue_style('cur_act_mng_datatable_css');
wp_enqueue_style('cur_act_mng_custom');
}
add_action('wp_enqueue_scripts', 'current_actives_mng_enqueue');
}

这是加载表的js代码:

jQuery(document).ready(function($){
$('#cur_act_tbl').dataTable({    
ajax: {
url: "/wp-admin/admin-ajax.php?action=datatables_endpoint",
cache:false,
},
columns: [
{ data: 'mls' },        
{ data: 'status' },        
],
pageLength: 25
});

jQuery代替$可能有帮助

jQuery('#cur_act_tbl').dataTable(

最新更新