jQuery技术

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

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

/**AddingScriptsToAUniquePage*/functionmyScripts(){if(is_page(#)){/**LoadScriptsandStyleonPagesOnly*//**AddjQueryand/orCSSEnqueue*/}}add_action(wp_enqueue_scripts,myScripts); 使用 admin_enqueue_scrip


/** Adding Scripts To A Unique Page */   function myScripts() {       if ( is_page(#) ) { /** Load Scripts and Style on Pages Only */           /** Add jQuery and/or CSS Enqueue */       }   }   add_action( 'wp_enqueue_scripts', 'myScripts' );

使用 admin_enqueue_scripts 加载脚本到后台


这个例子将在整个后台管理界面加载脚本和CSS。这个方法不推荐用在插件上,除非插件重建了整个后台管理区。


第 10 行使用 admin_enqueue_scripts 替换了 init 或 wp_enqueue_scripts


第 5、6 行,如果你要自定义后台管理区,你可以需要禁用默认的WordPress CSS调用。


/** Adding Scripts To The WordPress Admin Area Only */   function myAdminScripts() {       wp_register_script( 'default', get_template_directory_uri() . '/jquery.js', array('jquery'), '' );       wp_enqueue_script( 'default' );       //wp_deregister_style( 'ie' ); /** removes ie stylesheet */       //wp_deregister_style( 'colors' ); /** disables default css */       wp_register_style( 'default', get_template_directory_uri() . '/style.css',  array(), '', 'all' );       wp_enqueue_style( 'default' );   }   add_action( 'admin_enqueue_scripts', 'myAdminScripts' );

加载脚本和CSS到WordPress登录界面


第 6 行:我无法弄清楚如何在在登录页面注册/排序 CSS文件,所以这行手动添加样式表。


第 10-14行:用来移除WordPress默认的样式表。


/** Adding Scripts To The WordPress Login Page */   function myLoginScripts() {       wp_register_script( 'default', get_template_directory_uri() . '/jquery.js', array('jquery'), '' );       wp_enqueue_script( 'default' );   ?>       <link rel='stylesheet' id='default-css' href='<?php echo get_template_directory_uri() . '/style.css';?>' type='text/css' media='all' />   <?php }   add_action( 'login_enqueue_scripts', 'myLoginScripts' );   /** Deregister the login css files */   function removeScripts() {       wp_deregister_style( 'wp-admin' );       wp_deregister_style( 'colors-fresh' );   }   add_action( 'login_init', 'removeScripts' );

加载脚本和CSS到WordPress插件


WordPress插件加载脚本和CSS也是常见的。主要的不同之处在于文件的 URL。主题使用的是 get_template_directory_uri ,而插件应该用 plugins_url ,因为文件是从插件目录进行加载的。


从插件加载脚本和CSS


这个例子将在整个网站前端加载脚本和CSS。


/** Global Plugin Scripts for Outside of Website */   function pluginScripts() {       wp_register_script( 'plugin', plugins_url( 'jquery.js' , __FILE__ ), array('jquery'), '' );       wp_register_style( 'plugin', plugins_url( 'style.css' , __FILE__ ) );       if ( !is_admin() ) { /** Load Scripts and Style on Website Only */           wp_enqueue_script( 'plugin' );           wp_enqueue_style( 'plugin' );       }   }   add_action( 'init', 'pluginScripts' );

从插件加载脚本和CSS到后台管理区


如果你需要在整个后台管理区加载脚本和CSS,就使用 admin_enqueue_scripts 替换 init。

 

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

相关文章
网友点评
"