How do I use WP's jQuery

时间:2015-09-02 作者:Alex

我正在努力学习WP主题开发。我刚刚了解到WP已经包含了一个jQuery版本。到目前为止,我一直在使用来自谷歌CDN的jQuery。

所以我刚刚从代码中删除了CDN链接。当然,我所有的jQuery代码都停止工作了。

所以我想我错过了什么。如果我想使用WordPress的本地jQuery,我需要做什么?

当我搜索SE QA和Google时,我能找到的就是如何取消注册本地jQuery版本,然后注册CDN。但这不是我想做的。我想使用本地jQuery。

那么我错过了什么呢?

2 个回复
最合适的回答,由SO网友:totels 整理而成

WP的jQuery未映射到$ 正如您所料,它已加载到noConflict 模式,因此您需要使用jQuery() 而不是$(), 除非你自己绘制地图。

在包含js文件时,您还需要确保将jQuery设置为依赖项:

wp_enqueue_script( \'your-script-handle\', get_stylesheet_directory_uri() . \'/js/your-script.js\', array( \'jquery\' ), \'1.0.0\' );

SO网友:Ignat B.

为了将jQuery从WP安装中排队,您可以:

function custom_enqueue_scripts() {
    // Jquery enqueue
    wp_enqueue_script(\'jquery\');
}

add_action(\'wp_enqueue_scripts\', \'custom_enqueue_scripts\');
此外,使用这个技巧,您可以将jQuery排队到页脚中(wp_footer)

function custom_enqueue_scripts() {
    // Jquery - to the footer of template
    wp_deregister_script(\'jquery\');
    wp_register_script(\'jquery\', includes_url(\'/js/jquery/jquery.js\'), false, NULL, true);
    wp_enqueue_script(\'jquery\');
}

add_action(\'wp_enqueue_scripts\', \'custom_enqueue_scripts\');
<小时>

UPDATE

展开答案。

使用wp_register_script 您可以注册自定义脚本。之后,他们可以wp_enqueue_script$handler.

一般来说,它可以减少代码长度[Related Answer], 但我想强调您对WordPress预注册脚本的关注(您的意思是本地脚本)。

访问此Codex页面[Handles and Their Script Paths Registered by WordPress]. 在那里你会发现$handler\'用于jQuery UI和其他有用的东西,您可以像上面的示例一样排队。

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上,我不知道我是如何产生它的,或者它是否是正常的。我正在开发自己的插件,当一个足球队/足球队被输入到一个框中时,它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">