jQuery技术

如何正确加载Javascript和CSS(3)

字号+ 作者:H5之家 来源:H5之家 2015-11-12 08:25 我要评论( )

/**GlobalPluginScriptsforTheWordPressAdminArea*/functionpluginScripts(){wp_register_script(plugin,plugins_url(jquery1.js,__FILE__),array(jquery),);wp_enqueue_script(plugin);wp_register_style(plugin,p


/** Global Plugin Scripts for The WordPress Admin Area */   function pluginScripts() {       wp_register_script( 'plugin', plugins_url( 'jquery1.js' , __FILE__ ), array('jquery'), '' );       wp_enqueue_script( 'plugin' );       wp_register_style( 'plugin', plugins_url( 'style1.css' , __FILE__ ) );       wp_enqueue_style( 'plugin' );   }   add_action( 'admin_enqueue_scripts', 'pluginScripts' );

从插件加载脚本和CSS到插件设置页面


例子只会加载所需的脚本和CSS到插件设置页面,不会在管理区的其他页面加载。


第 3 行:自定义 page= 后面的值为你的插件设置页面


/** Adding Scripts On A Plugins Settings Page */   function pluginScripts() {       if ( $_GET['page'] == "plugin_page_name.php" ) {           wp_register_script( 'plugin', plugins_url( 'jquery.js' , __FILE__ ), array('jquery'), '' );           wp_enqueue_script( 'plugin' );           wp_register_style( 'plugin', plugins_url( 'style.css' , __FILE__ ) );           wp_enqueue_style( 'plugin' );       }   }   add_action( 'admin_enqueue_scripts', 'pluginScripts' );

将 jQuery 库移动到页脚


你不能将WordPress默认的jQuery 库移动到页面底部,但是你可以将自定义的jQuery 或其他外部jQuery 库(比如Google的)移动到底部。不要将CSS移动到页面底部。


第 3、4 行:最后的 ‘true’告诉WordPress在页面底部加载这些脚本。


/** Moves jQuery to Footer */   function footerScript() {           wp_register_script('jquery', (""), false, '', true );           wp_register_script( 'default', get_template_directory_uri() . '/jquery.js', false, '', true );       if ( !is_admin() ) { /** Load Scripts and Style on Website Only */           wp_deregister_script( 'jquery' );           wp_enqueue_script( 'jquery' );           wp_enqueue_script( 'default' );       }   }   add_action( 'init', 'footerScript' );

根据不用的用户角色和功能加载jQuery和CSS


如果你的网站有作者、编辑和其他管理员,你可能需要通过 jQuery 来为他们显示不同的信息。()你需要使用 current_user_can 确定登录的用户的角色和功能 。


下面三个例子中,如果用户已经登录,将在整个网站加载这些脚本和CSS。使用 !is_admin() 包装 enqueue_script 确保只在前台加载,或者在 add_action 使用 admin_enqueue_scripts 就可以确保只在后台管理区加载。


为可以“编辑文章”的管理员加载脚本和CSS


只对超级管理员和网站管理员生效


/** Add CSS & jQuery based on Roles and Capabilities */   function myScripts() {       if ( current_user_can('edit_posts') ) {           /** Add jQuery and/or CSS Enqueue */       }   }   add_action( 'init', 'myScripts' );

为所有登录用户加载脚本和CSS


/** Admins / Authors / Contributors /  Subscribers */   function myScripts() {       if ( current_user_can('read') ) {           /** Add jQuery and/or CSS Enqueue */       }   }   add_action( 'init', 'myScripts' );

为管理员以外的已登录用户加载脚本和CSS

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
r