scripts not loading

时间：2015-05-30 作者：Piyush Rawat

这是用于将脚本排入队列的标题部分

<?php 
wp_enqueue_script( \'menu\' );
wp_enqueue_script(\'thumbnail\');
?>
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php bloginfo(\'stylesheet_url\'); ?>"  type="text/css"  />
<script type="text/javascript" src="<?php get_template_directory_uri();?>/js/menu-effect.js"></script>
<script type="text/javascript" src="<?php get_template_directory_uri();?>/js/thumbnail-effect.js"></script>
</head>
这就是函数。php部分

function my_jsfile() {
wp_register_script( \'menu\', get_template_directory_uri() . \'/js/menu-effect.js\', array() );
wp_register_script( \'thumbnail\', get_template_directory_uri().\'/js/thumbnail-effect.js\', array() );
}
add_action( \'wp_enqueue_scripts\', \'my_jsfile\' );

2 个回复
最合适的回答,由SO网友:Robert hue 整理而成

您应该将脚本排入functions.php 自身具有wp_enqueue_scripts 钩像这样。

function my_jsfile() {

  wp_register_script( \'menu\', get_template_directory_uri() . \'/js/menu-effect.js\', array() );
  wp_register_script( \'thumbnail\', get_template_directory_uri() . \'/js/thumbnail-effect.js\', array() );

  wp_enqueue_script( \'menu\' );
  wp_enqueue_script( \'thumbnail\' );

}
add_action( \'wp_enqueue_scripts\', \'my_jsfile\' );
而且你应该删除wp_enqueue_script 从…起header.php 以及脚本链接。

最后确保脚本路径正确。

SO网友:fuxia

wp_enqueue_scripts 调用函数后激发wp_head(). 所以你的wp_enqueue_script() 打电话太早了。

Register 你的脚本wp_loaded, enqueue 打开它们wp_enqueue_scripts.

add_action( \'wp_loaded\', function() {
    $base = get_template_directory_uri();
    wp_register_script( \'menu\',      "$base/js/menu-effect.js" );
    wp_register_script( \'thumbnail\', "$base/js/thumbnail-effect.js" );
});


add_action( \'wp_enqueue_scripts\', function() {
    wp_enqueue_script( \'menu\' );
    wp_enqueue_script(\'thumbnail\');
});

结束
标签： wp-enqueue-script   小码农  

相关推荐