添加easytabs jQuery插件使用WordPress

我想補充http://os.alfajango.com/easytabs/到TwentyTwelve子主題據我瞭解，有一個「正確的方式」使用 wp_enqueue_script jQuery插件添加到Wordpress和兒童主題的添加操作的functions.php添加easytabs jQuery插件使用WordPress

有人可以提供一步一步的指南來添加這個特定的插件，以便我可以分析它並從中學習。

來源

2013-03-09 rpz

-1

來源：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>中查看HTML源代碼（其中wp_head()被調用的）工作。

將低於jQuery(document).ready(function($){ /** Your code **/ });附加內的片段：

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

來源

2013-03-09 15:22:21 MackieeE

您應該使用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>

來源

2013-03-09 16:00:59 RRikesh

添加easytabs jQuery插件使用WordPress

回答

相關問題