WP_ENQUEUE_SCRIPT不工作吗?

时间:2013-08-19 作者:tmyie

对不起,我对PHP和WordPress非常陌生,但我正在尝试链接到一个名为trans.js, 这依赖于jQuery。下面是标题开头的代码。php:

  <script type="text/javascript" src="<?php bloginfo(\'template_url\'); ?>/js/trans.js"></script>
这是函数中的排队。php

function twentytwelve_scripts_styles() {
    global $wp_styles;

    wp_enqueue_style( \'twentytwelve-style\', get_stylesheet_uri() );

}

add_action( \'wp_enqueue_scripts\', \'twentytwelve_scripts_styles\' );

function my_scripts_method() {
    wp_enqueue_script(
        \'custom-script\',
        get_stylesheet_directory_uri() . \'/js/trans.js\',
        array( \'jquery\' )
    );
}

add_action( \'wp_enqueue_scripts\', \'my_scripts_method\' );
然而,它仍然与trans.js — 有人知道这是为什么吗?

2 个回复
SO网友:JMau

您只能使用一个函数来完成所有操作,因为它是同一个钩子wp_enqueue_scripts:

add_action( \'wp_enqueue_scripts\', \'my_scripts_method\' );
function my_scripts_method() {
   //global $wp_styles; //here no use unless you have to use it in a conditional stylesheet for example
   wp_enqueue_style( \'twentytwelve-style\', get_stylesheet_uri() );
   wp_enqueue_script(\'custom-script\', get_stylesheet_directory_uri() . \'/js/trans.js\',array( \'jquery\'), null, false );
   );
}
修改header.php, 实际上,最好在中处理脚本和样式表functions.php (或在插件中)而不是硬编码模板。推荐的方法是将样式表和脚本排队,因为您可以获得更好的控制(依赖项、加载等)。

SO网友:Srikanth AD

如果在函数中放置以下代码段。php然后,trans。js文件应在源代码中可用。您不需要更改标头中的代码。php。

function my_scripts_method() {
    wp_enqueue_script(
        \'custom-script\',
        get_stylesheet_directory_uri() . \'/js/trans.js\',
        array( \'jquery\' )
    );
}

add_action( \'wp_enqueue_scripts\', \'my_scripts_method\' );
参考号:http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Link_a_Theme_Script_Which_Depends_on_jQuery

结束

相关推荐

屏幕选项JavaScript代码

我想知道,是什么脚本驱动WordPress中的“屏幕选项”动画切换。我指的是当管理员单击帖子、页面或类别等窗口右上角附近的“屏幕选项”链接时滑出的选项菜单,当再次单击同一链接时滑回。如果有知识的人能告诉我JavaScript代码片段的确切位置,我将不胜感激。