微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Wordpress中集成MD Bootstrap

如何解决在Wordpress中集成MD Bootstrap

我在尝试将MDB集成到wordpress时遇到问题。 确实,我可以在控制台中看到此错误消息:

未捕获的TypeError:$不是函数 Waves.js:598 mdb.min.js:56

这是我的functions.PHP

function leanwaste_enqueue_styles()
{
wp_register_style('parent',get_template_directory_uri() . '/style.css');
wp_register_style('child',get_stylesheet_uri());
wp_register_style('bootstrap','https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css');
wp_register_style('mdb','https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css');
wp_register_style('datatables',get_stylesheet_directory_uri() . '/mdb/css/addons/datatables2.min.css');
wp_register_script('bootstrap','https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js',[],false,true);
wp_register_script('mdb','https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js',['jquery'],true);
wp_register_script('datatables',get_stylesheet_directory_uri() . '/mdb/js/addons/datatables2.min.js',true);
wp_register_script('main',get_stylesheet_directory_uri() . '/assets/js/main.js',true);

wp_enqueue_style('parent');
wp_enqueue_style('child');
wp_enqueue_style('bootstrap');
wp_enqueue_style('mdb');
wp_enqueue_style('datatables');
wp_enqueue_script('bootstrap');
wp_enqueue_script('mdb');
wp_enqueue_script('datatables');
wp_enqueue_script('main');
}
add_action('wp_enqueue_scripts','leanwaste_enqueue_styles');

在我看来,我已经按照正确的顺序将文件正确排入队列,所以我无法解决此问题。

我猜wordpress无法识别$ jquery别名,因为认情况下wordpress中安装了无冲突jquery版本,但是如何解决这个问题?

谢谢您的帮助!

杰里米

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。