如何向WordPress添加一个简单的jQuery脚本？

Question

如何向WordPress添加一个简单的jQuery脚本？我读过Codex和几篇关于在WordPress中使用jQuery的博客文章，它非常令人沮丧。我已经将jQuery加载到functions.php文件，但所有的指南都是糟糕的，因为他们认为你已经有了大量的WordPress经验。例如，他们说现在我正在通过functions.php文件，现在我所要做的就是加载jQuery。我到底该怎么做？具体而言，我要向哪些文件添加代码？如何为一个WordPress页面添加它呢？

Answer 1

经过一番探索，我最后找到与最新的WordPress一起工作的东西。以下是以下步骤：

1. 查找主题目录，在目录中为自定义js创建一个文件夹(

   本例中的定制js).

2. 将您的自定义jQuery放在这个目录中的.js文件中(

   本例中的jQuery_test.js).

3. 请确保您的自定义jQuery.js如下所示：

   (function($) {$(document).ready(function() {$('.your-class').addClass('do-my-bidding');})})(jQuery);

4. 转到主题目录，打开Functions.php

5. 在顶部附近添加一些代码，如下所示：

   //this goes in functions.php near the topfunction my_scripts_method() {// register your script location, dependencies and version
      wp_register_script('custom_script',
      get_template_directory_uri() . '/custom_js/jquery_test.js',
      array('jquery'),
      '1.0' );
    // enqueue the script
     wp_enqueue_script('custom_script');
     }add_action('wp_enqueue_scripts', 'my_scripts_method');

6. 检查您的网站，以确保它的工作！

Answer 2

如果你使用WordPress儿童主题要将脚本添加到主题中，您应该将get_Template_Directory_uri函数更改为GET_StyleSheet_Directory_uri，例如：

家长主题：

add_action( 'wp_enqueue_scripts', 'add_my_script' );function add_my_script() {
    wp_register_script(
        'parent-theme-script', 
        get_template_directory_uri() . '/js/your-script.js', 
        array('jquery') 
    );

    wp_enqueue_script('parent-theme-script');}

儿童主题：

add_action( 'wp_enqueue_scripts', 'add_my_script' );function add_my_script() {
    wp_register_script(
       'child-theme-script', 
       get_stylesheet_directory_uri() . '/js/your-script.js', 
       array('jquery') 
    );

    wp_enqueue_script('child-theme-script');}

获取模板_目录_uri：/you-site/wp-content/Themes/父母主题

获取_样式表_目录_uri：/you-site/wp-content/Themes/儿童主题