如何在WordPress中使用Jquery和Jquery-ui?

时间:2015-09-09 12:24:59

标签: php jquery wordpress jquery-ui

我有一个网站,我正在尝试添加一些我编码的东西,并且使用了jquery和jquery-ui,当我编写代码时我只是使用以下链接到我的计算机中的文件来访问jquery和jquery ui:

<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.js"></script>

然而,由于wordpress不起作用,我在网上搜索没有明确的答案,我遇到了很多功能(变化多了!)以及php。我查看了其他网站的源代码和许多其他的东西,但无法得到一个简单的解决方案,每次我尝试它也不起作用。

也许解决方案很复杂,如果是这样我愿意学习,但我需要知道从哪里开始。

干杯,

4 个答案:

答案 0 :(得分:2)

你可以(应该)这样做:

wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core');

这将添加WP版本中包含的jquery和jquery-ui。

请参阅Codex以查看WP中包含的其他脚本。

答案 1 :(得分:0)

您可以在functions.php文件中添加此代码:

function test_name_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');
}

add_action( 'wp_enqueue_scripts', 'test_name_scripts' );

有关详细信息,请参阅以下链接。     https://codex.wordpress.org/Function_Reference/wp_enqueue_script

答案 2 :(得分:0)

作为Flyer回答的补充,这是正确的(你不需要将jquery作为外部文件包含在内,它已经在WP核心中了,你只需要将它排队);您可能需要将jQuery代码封装在闭包中以使$被识别:

(function($){
  // your jquery code here
})(jQuery);

答案 3 :(得分:-1)

您可以按照https://codex.wordpress.org/Function_Reference/wp_enqueue_script

所述添加如下内容
function my_scripts_method() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui-core' );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );