使用Wordpress Functions.php插入JavaScript文件

时间:2014-02-03 16:22:14

标签: javascript php wordpress

我正在尝试使用functions.php插入flexslider.js和theme.js。但是,当我查看源文件时,它不会加载flexslider.js和theme.js文件。

我已经下载了flex滑块文件,并将jquery.flexslider-min.js作为js / flexslider.js插入。

的functions.php

// Load the Theme JS
function theme_js() {

    wp_register_script( 'flexslider', get_template_directory_uri() . '/js/flexslider.js', array('jquery'), '', true );
    if( is_page( 'home' ) ) {
        wp_enqueue_script( 'flexslider' );
    }   
    wp_enqueue_script('theme_js',  get_template_directory_uri() . '/js/theme.js', array('jquery'), '', true );

}
add_action( 'wp_enqueue_scripts', 'theme_js' );

Theme.js

jQuery(document).ready(function($) {
    $('.flexslider').flexslider();
});

源文件中的脚本

<script type='text/javascript' src='http://localhost:8888/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://localhost:8888/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

0 个答案:

没有答案