jQuery自定义事件在$(document).ready()中未注册。

105 浏览
0 Comments

jQuery自定义事件在$(document).ready()中未注册。

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

我应该如何做？具体来说，我应该向哪些文件添加代码？我应该如何为单个WordPress页面添加代码？

admin 更改状态以发布 2023年5月25日
0

2 答案

0 Comments

经过长时间的搜索，我终于找到了一些适用于最新WordPress的方法。以下是需要遵循的步骤：

  1. 找到您的主题目录，在目录下创建一个自定义js的文件夹（例如，这个例子中是custom_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 top
function 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. 检查您的网站以确保它正常工作！
0
0 Comments

我知道你所说的教程是什么意思。这里是我如何做的：

首先，您需要编写脚本。在您的主题文件夹中创建一个名为 'js' 的文件夹。在该文件夹中为您的 JavaScript 创建一个文件。例如，your-script.js。将您的 jQuery 脚本添加到该文件中（在 .js 文件中不需要