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

Question

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

我读过Codex和几篇关于在WordPress中使用jQuery的博客文章，它非常令人沮丧。我已经将jQuery加载到functions.php文件，但所有的指南都是糟糕的，因为他们认为你已经有了大量的WordPress经验。例如，他们说现在我正在通过functions.php文件，现在我所要做的就是加载jQuery。

我到底该怎么做？具体而言，我要向哪些文件添加代码？如何为一个WordPress页面添加它呢？

Answer 1

经过一番探索，我最后找到与最新的WordPress一起工作的东西。以下是以下步骤：查找主题目录，在目录中为自定义js创建一个文件夹(本例中的定制js).将您的自定义jQuery放在这个目录中的.js文件中(本例中的jQuery_test.js).请确保您的自定义jQuery.js如下所示：(function($) {$(document).ready(function() {$('.your-class').addClass('do-my-bidding');})})(jQuery);转到主题目录，打开Functions.php在顶部附近添加一些代码，如下所示：//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');检查您的网站，以确保它的工作！

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/儿童主题