WordPress替换自带的jquery和jquery-migrate文件

导语:有时候,我们会需要高版本的jquery和jquery-migrate才能执行前端页面的代码,那么应该怎么样替换?大家可以看一下下面的代码示例。

代码示例

下面的代码请放在functions.php里面。如果用了多个公用开源的前端的组件js,其实可以使用公用的前端库地址,例如这个前端库:https://cdnjs.com。

这个里面前端库相当完整,基本上想象得到的js都能找到。

function disable_emojis() {

   		wp_enqueue_script( 'whychinatours-jqueryflexsliderjs', 'https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.2.2/jquery.flexslider-min.js', array(), '3.3', true );

    //如果不是管理面板,就加载前端CDN的JQUERY
    if( !is_admin()){
        wp_deregister_script('jquery');
        wp_register_script('jquery', "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js", false, null);
        wp_enqueue_script('jquery');
        wp_deregister_script('jquery-migrate');
        wp_register_script('jquery-migrate', "https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/1.4.1/jquery-migrate.min.js", false, null);
        wp_enqueue_script('jquery-migrate');
    }
}
add_action( 'wp_enqueue_scripts', 'whychinatours_scripts' );

注意is_admin()不是判断是否是管理员,而是判断是否是后台管理面板。

结束

你学会了吗?

发表评论

电子邮件地址不会被公开。 必填项已用*标注