如何在 WordPress 中添加简单的 jQuery 脚本?

jqueryweb developmentfront end technology

WordPress 是一个开源 CMS,用于开发动态网站。让我们学习如何在 WordPress 中添加 jQuery 脚本。在 WordPress 的 Theme 文件夹中,创建一个文件夹"js",并在其中添加一个文件。该文件将是您的查询文件,扩展名为".js"。将您的 jQuery 脚本添加到该文件中。我们将其命名为 new.js。

这是您的 jQuery 脚本:

jQuery(document).ready(function($) {
  $('#nav a').last().addClass('last');
});

打开主题的 functions.php 文件。使用 wp_enqueue_script() 函数添加脚本。 

代码如下:

add_action( 'wp_enqueue_scripts', 'add_my_script' );

function add_my_script() {
    // 为脚本命名,以便附加其他脚本并取消注册等。
   wp_enqueue_script (
    ‘new',
      get_template_directory_uri() . '/js/add_my_script.js',
   
      array('jquery') // 此数组列出了您的脚本所依赖的脚本
   );
}

假设您的主题已将 wp_head 和 wp_footer  放置在正确的位置,此方法将有效。 


相关文章