如何在wordpress中更改脚本中的脚本顺序?

时间:2014-01-18 12:01:34

标签: javascript wordpress

我需要jquery.js首先在头部然后是colorbox.js然后是我的custom-script.js。我的自定义脚本依赖于jquery和colorbox。但它总是在页面的头部然后colorbox.js更高。我需要改变那个顺序。我该怎么做呢?抱歉我的英文。

<?php 

/*Functions file for child theme*/
define( 'OPTIONS_FRAMEWORK_DIRECTORY', get_stylesheet_directory_uri() . '/inc/' );
require_once dirname( __FILE__ ) . '/inc/options-framework.php';
function mychildtheme_setup() {
    show_admin_bar(false);
    wp_register_script( 'main', get_stylesheet_directory_uri() . '/js/main.js', array('jquery',     'jquery.colorbox-min'), false, false);
    wp_enqueue_script( 'main' );
}

add_action('after_setup_theme', 'mychildtheme_setup');
add_action( 'wp_enqueue_scripts', 'mychildtheme_setup', 10000 );
?>

1 个答案:

答案 0 :(得分:1)

您应该将脚本包含在wp_enqueue_script中并添加jQuery作为依赖项,这样wordpress会处理订单

<?php 
    wp_enqueue_script( $handle, $src, $dependency, $ver, $in_footer ); 
?>

如下所示:

wp_register_script( 'colorbox', plugins_url('/path/colorbox.js', __FILE__), array( 'jquery' ), false, true );
wp_enqueue_script( 'colorbox' );

wp_register_script( 'custom', plugins_url('/path/custom-script.js', __FILE__), array( 'jquery', 'colorbox' ), false, true );
wp_enqueue_script( 'custom' );