2014-02-26 79 views
1

我使用NextGen畫廊插件爲我的wordpress和我自己的腳本爲標題滑塊。jQuery加載兩次wordpress

部首滑塊含有:

JS/jquery.min.js JS/responsiveslides.js

我有在functions.php的代碼塊:

ADD_ACTION( '初始化', 'add_javascript');

function add_javascript() { 
    // Add JQuery 
    wp_enqueue_script('jquery'); 

    // Add the scripts 
    $js_url = get_bloginfo('stylesheet_directory') . '/js'; 
    wp_enqueue_script('jquery-min',"$js_url/jquery.min.js"); 
    wp_enqueue_script('responsiveslides',"$js_url/responsiveslides.min.js"); 
} 

,這在header.php中:

<head> 
<meta charset="<?php bloginfo('charset'); ?>"> 
<meta name="viewport" content="width=device-width"> 
<title><?php wp_title('|', true, 'right'); ?></title> 
<link rel="profile" href="http://gmpg.org/xfn/11"> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> 
<!--[if lt IE 9]> 
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> 
<![endif]--> 
<?php wp_head(); ?> 
<script> 
     $(function() { 
    $("#slider").responsiveSlides({ 
    maxwidth: 3200, 
    speed: 800 
    }); 
}); 

<script> 
jQuery(document).ready(function($){ 
$(window).scroll(function(){ 
    if ($(this).scrollTop() > 50) { 
     $('.backToTop').fadeIn('slow'); 
    } else { 
     $('.backToTop').fadeOut('slow'); 
    } 
}); 
$('.backToTop').click(function(){ 
    $("html, body").animate({ scrollTop: 0 }, 500); 
    return false; 
}); 
}); 
</script> 
</head> 

我覺得所以現在畫廊工作不正常jQuery是加載兩次。我應該如何將代碼放在頭部滑塊和圖庫上?

這裏是我的網站http://193.2.241.108/wordpress/

回答

1

您正在加載jQuery的兩倍。

function add_javascript() { 
    // Add JQuery 
    wp_enqueue_script('jquery'); //<--- here 

    // Add the scripts 
    $js_url = get_bloginfo('stylesheet_directory') . '/js'; 
    wp_enqueue_script('jquery-min',"$js_url/jquery.min.js"); //<--- and here 
    wp_enqueue_script('responsiveslides',"$js_url/responsiveslides.min.js"); 
} 

刪除您對jQuery的引用之一,並應該解決問題。