Question

我正在使用我的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/

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

jQuery在wordpress上加载两次

1 个答案: