我想在wordpress子主题中使用jQuery-ui .accordion
函数。到目前为止,我:
- 在我的子主题目录中创建一个JS文件,并将其置于无冲突模式:
jQuery(document).ready(function($) { $( "#accordion" ).accordion(); });
- 将脚本列入我的functions.php文件:
function myChild_scripts() { wp_enqueue_style( 'onepage-child-style', get_stylesheet_uri() ); wp_enqueue_script( 'onepage-child-accordion', get_stylesheet_uri() . '/js/accordion.js', array('jquery-ui-accordion', 'jquery'), 20150507, true );
- 添加了
add_action
功能:add_action( 'wp_enqueue_scripts', 'myChild_scripts' );
但是,.accordion
功能也取决于jquery-ui.css
。我是否还需要将其包含在入口过程中?我找不到讨论此文件包含的文档 - 还是它已经是WP核心的一部分。
您可以在functions.php文件中使用样式表。可能是这样的(假设您的文件在您的主题目录中,在CSS文件夹中)。
function my_styles()
{
wp_register_style( 'jquery-ui-style', get_template_directory_uri() . '/css/jquery-ui.css', 'all' );
wp_enqueue_style( 'jquery-ui-style' );
}
add_action( 'wp_enqueue_scripts', 'my_styles' );
以下是一些参考。