Question

我遇到了这个小问题......

我从jquery UI下载了自定义jquery UI包，我不能将它包含在wordpress中的子主题中请你教我如何一步一步地做这件事，因为我仍然没有很好的编码

我试试这个但不起作用..

<?php wp_head(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/js/css/jquery-ui-1.10.4.custom.min.css"/>

<script src="<?php echo get_template_directory_uri(); ?>/js/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/js/jquery-1.10.2.js"></script>

<script>
$(function() {
  $( "#accordion" ).accordion({
    collapsible: true
  });
});
</script>

提前谢谢。

Answer 1

所有JavaScript文件都应通过wp_enqueue_script()添加，并通过wp_enqueue_style()添加所有CSS文件。

应将代码添加到您的子主题functions.php文件中。

以下是WordPress Codex中的一个示例：

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Answer 2

你应该在你的functions.php文件中使用wp_enqueue_script（）

function my_scripts_method() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui', get_template_directory_uri() . '/js/JQueryUI.js', );
    wp_enqueue_script( 'slider', get_template_directory_uri() . '/js/slider.js' );
    wp_enqueue_script( 'gallery', get_template_directory_uri() . '/js/gallery.js' );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

你还应该注意到WordPress在noConflict模式下将jQuery排队，所以你需要noConflict包装才能使用$：

 jQuery(document).ready(function($) {

 jQuery(function() {
  jQuery( "#accordion" ).accordion({
    collapsible: true
  });
});
    });

然后你只需要调用wp_head（），WordPress会自动将这些javascripts添加到你的页面。

如何将自定义jquery UI包含到我的子主题中

2 个答案: