Question

我正在使用javascript，响应式菜单和javascript，responsiveslides进行响应式布局。当我在页面上一次只有一个javacript时，它们工作正常，但响应式菜单不起作用。如果我把javascript放在页面底部的响应式菜单中，菜单工作正常，但幻灯片放映不起作用。任何建议将不胜感激。

这是我的javascript调用：

<script src="respond.min.js"></script>
    <link rel="stylesheet" type="text/css" href="menu_files/responsive-menu.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="menu_files/jquery.responsive-menu.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#JQResponsiveMenu1").fdResponsiveMenu({windowMinWidth:1000,autoHighlightCurrentPage:false,subMenuOpenOnClick:false,subMenuTransitionEasing:"easeOutSine",subMenuTransitionDuration:300});
});
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">        </script>
    <link rel="stylesheet" type="text/css" href="responsiveslides.css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<script type="text/javascript">  // You can also use "$(window).load(function() {"
jQuery(window).load(function() {

  // Slideshow 1
  jQuery("#slider1").responsiveSlides({
    maxwidth: 800,
    speed: 800
  });

  // Slideshow 2
  jQuery("#slider2").responsiveSlides({
    auto: false,
    pager: true,
    speed: 300,
    maxwidth: 540
  });

  // Slideshow 3
  jQuery("#slider3").responsiveSlides({
    manualControls: '#slider3-pager',
    maxwidth: 540
  });

  // Slideshow 4
  jQuery("#slider4").responsiveSlides({
    auto: false,
    pager: false,
    nav: true,
    speed: 500,
    namespace: "callbacks",
    before: function () {
      jQuery('.events').append("<li>before event fired.</li>");
    },
    after: function () {
      jQuery('.events').append("<li>after event fired.</li>");
    }
  });

});
</script>

Answer 1

不建议在网站上加载多个版本的jQuery。我删除了v1.8，看看它是怎么做的。如果失败，请删除1.10。 1.10中的一些更改可能会破坏您的插件。

响应式菜单和responsiveslides之间的Javascript冲突

1 个答案: