改变WordPress默认的jQuery引入来源

发表于 2013年03月27日
WordPress

WordPress 有个了不起的特征，就是自带了各种 JavaScript 库，包括 jQuery 在内，很方便的一点就是，WordPress 允许我们根据需要修改引入 jQuery 库的来源。

比如说，为了减轻服务器的压力，我们想直接引用通过外部托管的适合 WordPress 版本的 jQuery 库（或者是 CDN 版本的 jQuery 库），那样的话，操作起来也并不难，直接使用下面的 function 函数：

function add_scripts() { 
wp_deregister_script( 'jquery' ); 
wp_register_script( 'jquery', '<a href="http://code.jquery.com/jquery-1.7.1.min.js">http://code.jquery.com/jquery-1.7.1.min.js</a>'); 
wp_enqueue_script( 'jquery' ); 
} 
 
add_action('wp_enqueue_scripts', 'add_scripts');

function add_scripts() {

wp_deregister_script( 'jquery' );

wp_register_script( 'jquery', '<a href="http://code.jquery.com/jquery-1.7.1.min.js">http://code.jquery.com/jquery-1.7.1.min.js</a>');

wp_enqueue_script( 'jquery' );

}

add_action('wp_enqueue_scripts', 'add_scripts');

从以上代码可以看出，我们主要使用了三条函数：

wp_deregister_script()：将 WordPress 中当前的 jQuery 版本禁用
wp_register_script()：注册新的 CDN 版本的 jQuery
wp_enqueue_script()：将 jQuery 引入到主题或插件中

值得注意的一点是，在引入 jQuery 上，我们使用了 add_action()，而非 add_filter()，因为我们不希望去改变 WordPress 本身的文件代码，相反，在加载新的 jQuery 时，我们还要依赖 WordPress 去为我们做事情，所以我们使用了 action 钩子，而不是 filter过滤器。更多关于 action 及 hook 这些东西的详细解释，请访问 WordPress 官方文档。

原文：smashingmagazine