腳本在WordPress網站中不起作用

Question

我正在使用Bootstrap模板創建WordPress主題。 在創建腳本時，腳本無法使用WordPress主題。

我使用wp_enqueue_script將腳本文件添加到functions.php文件中。 我使用firebug進行檢查，腳本文件已加載到footer 。 但是腳本功能在主題中不起作用（如滑塊，輪播等）。

這是我的functions.php代碼

function royaal_enqueue(){
wp_enqueue_script('jquery_2.1.4', get_template_directory_uri(). '/js/jquery-2.1.4.min.js', array( 'jquery' ),true); 
wp_enqueue_script('move-top', get_template_directory_uri(). '/js/move-top.js', array( 'jquery'),true);
wp_enqueue_script('easing', get_template_directory_uri(). '/js/easing.js', array( 'jquery'),true);
wp_enqueue_script('wmuSlider', get_template_directory_uri(). '/js/jquery.wmuSlider.js', array( 'jquery'),true);
wp_enqueue_script('flexslider', get_template_directory_uri(). '/js/jquery.flexslider.js', array( 'jquery'),true);
wp_enqueue_script('bootstrap', get_template_directory_uri(). '/js/bootstrap.js', array( 'jquery'),true);
wp_enqueue_script('custom', get_template_directory_uri(). '/js/custom.js', array( 'jquery'),true);
wp_enqueue_script('easyResponsiveTabs', get_template_directory_uri(). '/js/easyResponsiveTabs.js', array( 'jquery'),true);
wp_enqueue_script('devrama', get_template_directory_uri(). '/js/jquery.devrama.slider-0.9.4.js', array( 'jquery'),true);
wp_enqueue_script('lightCarousel', get_template_directory_uri(). '/js/jquery.light-carousel.js', array( 'jquery'),true);
wp_enqueue_script('jzBox', get_template_directory_uri(). '/js/jzBox.js', array( 'jquery'),true);
}
add_action('wp_footer', 'royaal_enqueue', 999 );

這是代碼的GitHub鏈接

https://github.com/prashanthcraft/wordpress

Answer 1

嘗試這個

<?php 
function royaal_enqueue(){
    wp_enqueue_script('jquery_2.1.4', get_template_directory_uri(). '/js/jquery-2.1.4.min.js',array( 'jquery'),true);   
    wp_enqueue_script('move-top', get_template_directory_uri(). '/js/move-top.js', '','',true);
    wp_enqueue_script('easing', get_template_directory_uri(). '/js/easing.js', '','',true);
    wp_enqueue_script('wmuSlider', get_template_directory_uri(). '/js/jquery.wmuSlider.js', '','',true);
    wp_enqueue_script('flexslider', get_template_directory_uri(). '/js/jquery.flexslider.js', '','',true);
    wp_enqueue_script('bootstrap', get_template_directory_uri(). '/js/bootstrap.js', '','',true);
    wp_enqueue_script('custom', get_template_directory_uri(). '/js/custom.js', '','',true);
    wp_enqueue_script('easyResponsiveTabs', get_template_directory_uri(). '/js/easyResponsiveTabs.js', '','',true);
    wp_enqueue_script('devrama', get_template_directory_uri(). '/js/jquery.devrama.slider-0.9.4.js', '','',true);
    wp_enqueue_script('lightCarousel', get_template_directory_uri(). '/js/jquery.light-carousel.js', '','',true);
    wp_enqueue_script('jzBox', get_template_directory_uri(). '/js/jzBox.js', '','',true);
}
add_action('wp_enqueue_scripts', 'royaal_enqueue',999 );

function royaal_custom_js_setting() { ?> 

    <script> 

        jQuery(document).ready(function($) { 
            $(".scroll").click(function(event){ 
            event.preventDefault(); 
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); 
        }); 
        }); 

        //Page active Jquery 
        $(function(){ 
            var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1); 
            $(".nav li a").each(function(){ 
            if($(this).attr("href") == pgurl || $(this).attr("href") == '') 
                $(this).parent().addClass("active"); 
            }) 
        }); 

        <!-- FlexSlider --> 
        $(window).load(function(){ 
            $('.flexslider').flexslider({ 
                animation: "slide", 
                start: function(slider){ 
                    $('body').removeClass('loading'); 
                } 
            }); 
        }); 

        $('.example1').wmuSlider(); 


        $(document).ready(function() { 
            $().UItoTop({ easingType: 'easeOutQuart' }); 
        }); 
    </script> 

<?php } 
    add_action('wp_footer','royaal_custom_js_setting'); 
?>