jquery.easing jQuery冲突

Question

我使用根据菜单和幻灯片在一个单一的页面。我使用“easeOutBounce”从jquery.easing.1.3.js到相应的菜单。

现在的菜单是工作的罚款。

但它与Slider冲突。滑块不需要这个效果。我不知道如何解决这个问题。

我不需要“easeOutBounce”效应此URL的底部滑动。

幻灯片是不是一个问题，当我从我的代码删除此行$.easing.def = "easeOutBounce";。但是我需要这个效果来根据菜单。

我的代码是

<script> 
    $(document).ready(function(){ 
     $.easing.def = "easeOutBounce"; 
     $('li.button a').click(function(e){ 
      var dropDown = $(this).parent().next(); 
      $('li.dropdown').not(dropDown).slideUp('slow'); 
      dropDown.slideToggle('slow'); 
      e.preventDefault(); 
     }) 
    }); 
</script> 
<script> 
    $(function(){ 
     $('#slides_two').slides({ 
      generateNextPrev: true, 
      pagination: false, 
      preload: true, 
      preloadImage: 'images/loading.gif', 
      generatePagination: false, 
      play: 10000, 
      slideSpeed: 3000, 
      effect: 'slide', 
      pause: 4000, 
      hoverPause: true 
     }); 
    }); 
</script> 

Answer 1

您可以使用slideEasing选项为您的滑块。这是您的代码如何使用此选项：

<script type="text/javascript"> 
     $(document).ready(function(){ 
    $.easing.def = "easeOutBounce"; 
    $('li.button a').click(function(e){ 
    var dropDown = $(this).parent().next(); 
    $('li.dropdown').not(dropDown).slideUp('slow'); 
    dropDown.slideToggle('slow'); 
    e.preventDefault(); 
}) 

     }); 
     </script> 
     <script type="text/javascript"> 
    $(function(){ 

     $('#slides_two').slides({ 
      generateNextPrev: true, 
      pagination: false, 
      preload: true, 
      preloadImage: 'images/loading.gif', 
      generatePagination: false, 
      play: 10000, 
      slideSpeed: 3000, 
      effect: 'slide', 
      pause: 4000, 
      hoverPause: true, 
      slideEasing: "jswing" 
     }); 

     }); 
</script> 

您可以看到的缓动类型here。