Add js into a theme

时间:2014-12-29 作者:Sanjeevani

我正在尝试从头开始创建新的WordPress主题。我有工作html,css和js文件。要将JS添加到我使用的wordpress主题中,请执行以下操作:

function my_scripts_styles() {
    wp_enqueue_script( \'easing\', get_template_directory_uri() . \'/js/easing.js\',  \'2014-12-030\', true );
}

add_action( \'wp_enqueue_scripts\', \'my_scripts_styles\' );
将此代码转换为function.php

以及我尝试使用:

<script src="<?php get_template_directory_uri();?>/js/jquery.min.js"></script>
但它不起作用。。。

我做错了什么/如何将Javascript文件添加到主题中?

4 个回复
SO网友:MMK

您的代码应该如下所示

function my_scripts_styles() {
    wp_register_script(\'easing\', get_template_directory_uri() . \'/js/easing.js\',  \'2014-12-030\', true );
    wp_enqueue_script(\'easing\');
}

add_action( \'wp_enqueue_scripts\', \'my_scripts_styles\' );
上述代码应该可以正常工作。另外,不要忘记检查您是否正确指定了js文件的路径。

检查你是否有一个函数。php和not函数。php文件。

由于$in\\u footer参数设置为true,请检查是否有页脚。php文件包含在您的主题和页脚中。php文件包括以下代码行:

wp_footer();
祝你好运!

SO网友:Amit Mishra

在函数中添加此函数。php文件将脚本按如下方式排队,并将wp_header() 在标题中。关闭头部前的php和wp_footer() 在页脚中。关闭body标记之前的php。

 <?php  
    function my_scripts_styles() {
        wp_enqueue_script(
            \'easing\',
             get_template_directory_uri() . \'/js/easing.js\',
            array( \'jquery\' )
        );
    }
    add_action( \'wp_enqueue_scripts\', \'my_scripts_styles\' );
    ?>
如果您想使用script标记包含脚本,那么请包含如下脚本

<script src="<?php echo get_template_directory_uri() . \'/js/easing.js\'?>"></script>
很好用

SO网友:Rajeeb

您的代码看起来很好。这本应该奏效的。由于您声明您是从零开始的,因此可能忘记添加wp_head() 标题中的函数。php文件和wp_footer() 在页脚上。php文件。

wp_enqueue_scripts 挂钩到wp\\u head()或wp\\u footer(),具体取决于为加载的css或js文件排队指定的条件。

SO网友:brianjohnhanna

如果文件是从开发工具加载的,但JS不工作,请确保您知道在Wordpress中默认设置的Jquery无冲突模式。This link 解释它以及如何使用它。

结束