如何将 jQuery 脚本添加到 WordPress？

Question

我试图在 wordpress 中使用以下脚本但没有成功。 请帮助我如何使它适应 Warpeders 以及我应该把它放在哪里使它工作。

$(‘table tr:nth-child(n+1):nth-child(-n+7’).addClass(‘active’);
$(‘#dates-load’).on(‘click’, function(e) {
e.preventDefault();
var $rows = $(‘.dates-prices-table tr’);
var lastActiveIndex = $rows.filter(‘.active:last’).index();
$rows.filter(‘:lt(‘ + (lastActiveIndex + 5) + ‘)’).addClass(‘active’);
});

Answer 1

如果您想在 Wordpress 主题中包含 jQuery，您必须将脚本加入队列。 这是在您的主题文件夹中的 functions.php 文件中完成的。 这是一个例子：

function theme_scripts() {
    wp_register_script('jquery', get_template_directory_uri() . '/js/jquery.js', array('jquery'), '1.0.0',true); 
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'theme_scripts');

请注意，wp_register_script 的第三个参数应该是您的 jquery 脚本的位置，如果您打算使用它，可以在此处输入 jquery cdn。

希望这可以帮助。

编辑：我读错了你的问题。 我上面写的是在你的项目中包含 jQuery 库。 如果您想实际包含一个带有 jQuery 代码的自定义 js 文件，则操作几乎相同。 只需将 wp_register_script 的第三个参数更改为您的自定义 js 文件的位置:)