Javascript 脚本在WordPress站点中不工作
我正在使用引导模板创建WordPress主题。创建它时,脚本在WordPress主题中不起作用 我使用Javascript 脚本在WordPress站点中不工作,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,我正在使用引导模板创建WordPress主题。创建它时,脚本在WordPress主题中不起作用 我使用wp\u enqueue\u脚本在functions.php文件中添加了脚本文件。我使用firebug检查它,脚本文件加载到页脚中。但是脚本函数在主题中不起作用(如滑块、旋转木马等) 这是我的functions.phpcode function royaal_enqueue(){ wp_enqueue_script('jquery_2.1.4', get_template_directory_u
wp\u enqueue\u脚本在functions.php
文件中添加了脚本文件。我使用firebug
检查它,脚本文件加载到页脚中。但是脚本函数在主题中不起作用(如滑块、旋转木马等)
这是我的functions.php
code
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链接
试试这个
<?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');
?>
jQuery(文档).ready(函数($){
$(“.scroll”)。单击(函数(事件){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash.offset().top},1000);
});
});
//页面活动Jquery
$(函数(){
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(“活动”);
})
});
$(窗口).load(函数(){
$('.flexslider').flexslider({
动画:“幻灯片”,
开始:函数(滑块){
$('body').removeClass('loading');
}
});
});
$('.example1').wmuSlider();
$(文档).ready(函数(){
$().uitop({easingType:'easeOutQuart'});
});
试试这个
<?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');
?>
jQuery(文档).ready(函数($){
$(“.scroll”)。单击(函数(事件){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash.offset().top},1000);
});
});
//页面活动Jquery
$(函数(){
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(“活动”);
})
});
$(窗口).load(函数(){
$('.flexslider').flexslider({
动画:“幻灯片”,
开始:函数(滑块){
$('body').removeClass('loading');
}
});
});
$('.example1').wmuSlider();
$(文档).ready(函数(){
$().uitop({easingType:'easeOutQuart'});
});
检查firebug或chrome工具,查看您得到了什么错误Hanks man“ReferenceError:jQuery未定义}(jQuery);”看起来您在调用jQuery脚本之前调用了脚本标记,如果共享链接,则更容易修复。wp_enqueue_script('jQuery_2.1.4',get_template_directory_uri()“/js/jquery-2.1.4.min.js”,数组('jquery'),false);代码上方的replaca这是firebug或chrome工具中的链接检查,看看您会遇到什么错误Hanks man“ReferenceError:jQuery未定义}(jQuery);”看起来您在调用jQuery脚本之前调用了脚本标记,如果共享链接,则更容易修复。wp_enqueue_script('jquery_2.1.4',get_template_directory_uri()。/js/jquery-2.1.4.min.js',数组('jquery'),false);replaca与上面的代码这里是链接,谢谢,脚本正在加载到页面,但函数在live server或localhost上不工作?此站点位于localhostLet us中。根据私人聊天更新了答案。上面的脚本工作正常。谢谢,脚本正在加载到页面,但函数在live se上不工作服务器还是本地主机?此站点位于localhostLet中。根据私人聊天更新了答案。上面的脚本工作正常。