使用Wordpress Functions.php插入JavaScript文件

I'm trying to insert the flexslider.js and theme.js using functions.php. However, it doesn't load the flexslider.js and theme.js files when I view the source file.

I've downloaded the flex slider files and inserted jquery.flexslider-min.js as 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();
});

Scripts from the source file

<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>
doumeikuan6834
doumeikuan6834 是完全正确的-不要通过PHP添加资源文件,这是你不想要的一个开销。此外,我非常建议您从CDN加载Flexslider而不是使用您的某个服务器。
6 年多之前 回复
dongqin1861
dongqin1861 我同意万达。enqueue有助于避免库中的重复和冲突,但它并不是必需的。您可以自己将脚本标记放在页脚中。
6 年多之前 回复
douliang7068
douliang7068 你总是可以覆盖Wordpress的垃圾,然后在你的footer.php中抛出这些脚本标签-
6 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐