Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缓解jquery冲突_Javascript_Jquery - Fatal编程技术网

Javascript 缓解jquery冲突

Javascript 缓解jquery冲突,javascript,jquery,Javascript,Jquery,我在一页中使用了相应的菜单和幻灯片。我根据菜单使用jquery.easing.1.3.js中的“easeOutBounce” 现在菜单很好用 但它与滑块冲突。我不需要滑块的这种效果。我不知道如何解决这个问题 我不需要“easeOutBounce”效果这个URL的底部幻灯片 当我删除这一行时,幻灯片不是问题。easing.def=“easeOutBounce”来自我的代码。但我需要这个效果来配合菜单 我的代码是 <script> $(document).ready(functi

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

现在菜单很好用

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

我不需要“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>

$(文档).ready(函数(){
$.easing.def=“easeOutBounce”;
$('li.button a')。单击(函数(e){
var dropDown=$(this.parent().next();
$('li.dropdown').not(dropdown).slideUp('slow');
下拉。滑动切换(“慢”);
e、 预防默认值();
})
});
$(函数(){
$(“#幻灯片_两张”)。幻灯片({
generateNextPrev:对,
分页:false,
预加载:正确,
预加载图像:“images/loading.gif”,
生成标记:false,
播放:10000,
幻灯片速度:3000,
效果:“幻灯片”,
暂停:4000,
悬停:对
});
});

您可以为您的滑块使用SlideeAssing选项。这是使用此选项时代码的方式:

<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>

$(文档).ready(函数(){
$.easing.def=“easeOutBounce”;
$('li.button a')。单击(函数(e){
var dropDown=$(this.parent().next();
$('li.dropdown').not(dropdown).slideUp('slow');
下拉。滑动切换(“慢”);
e、 预防默认值();
})
});
$(函数(){
$(“#幻灯片_两张”)。幻灯片({
generateNextPrev:对,
分页:false,
预加载:正确,
预加载图像:“images/loading.gif”,
生成标记:false,
播放:10000,
幻灯片速度:3000,
效果:“幻灯片”,
暂停:4000,
悬停:是的,
幻灯片:“jswing”
});
});
你可以看到的放松类型