1

我正在为我的 wordpress 使用 NextGen 画廊插件，并为标题滑块使用我自己的脚本。

标题滑块包含：

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

我在functions.php中有这段代码：

add_action('init', '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/

4

1 回答 1

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 的引用之一，这应该可以解决问题。

于 2014-02-26T15:34:46.250 回答