Question

我想将http://os.alfajango.com/easytabs/添加到TwentyTwelve子主题中我知道有一种“正确的方法”可以使用jquery插件添加到Wordpress wp_enqueue_script并在子主题functions.php中添加动作

有人可以提供一步一步的指南来添加这个特定的插件，以便我可以分析它并从中学习。

Answer 1

您应该使用wp_register_script和wp_enqueue_script。将文件添加到主题文件夹。

function include_jquery_easytabs(){
  wp_enqueue_script( 'jquery');
  wp_register_script( 'jq_easytabs', get_template_directory_uri() . 'PATH TO YOUR JS FILE' );
  wp_enqueue_script( 'jq_easytabs' );
}

add_action( 'wp_enqueue_scripts', 'include_jquery_easytabs' );

将以下代码段添加到footer.php代码前的</body>或header.php代码前的</head>：

<script>
jQuery(document).ready(function($){
  $('your-target-element').easytabs();
});
</script>

Answer 2

来自：Wordpress Support Pages

添加到 functions.php

/** 
 *  if jQuery not been 
 *  added already
**/
wp_enqueue_script('jquery');

/**
 *  Register the script to Wordpress
**/
wp_register_script('easytabs','js/easytabs.js');

/** 
 * Add the Registered script to queue.
**/
wp_enqueue_script('easytabs');

您可以通过在<head>（其中wp_head()被调用）中查看HTML源代码来检查它是否有效。

将下面的代码段放在jQuery(document).ready(function($){ /** Your code **/ });添加：

中

$('#container-name-for-tabs').easytabs();

将easytabs jquery插件添加到wordpress

2 个答案: