Question

我正在使用Bootstrap模板创建一个WordPress主题。在创建它时，脚本不能在WordPress主题中工作。

我使用functions.php在wp_enqueue_script文件中添加了脚本文件。我使用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'); 
?>

脚本在WordPress站点中不起作用

1 个答案: