jQuery Простые конфликты плагинов

Question

Я разрабатываю простой сайт, и на этом веб-сайте у меня есть меню, которое работает с jQuery и слайдером изображений, работающим с jQuery. Это мой код с импортирующими скриптами и css:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"> </script> 
<link rel="stylesheet" type="text/css" href="css/jquery.slider.css" /> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.slider.min.js"></script> 

<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="js/slider/themes/carbono/jquery.slider.ie6.css" /> 
<![endif]--> 
<script type="text/javascript"> 
jQuery(document).ready(function ($) { 
    $(".slider").slideshow({ 
     width: 794, 
     height: 294, 
     transition: 'bar' 
    }); 
}); 

$(document).ready(function() { 
    $('#menu a').mouseover(function() { 
     $(this).switchClass('normal', 'active', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
$(document).ready(function() { 
    $('#menu a').mouseleave(function() { 
     $(this).switchClass('active', 'normal', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
</script> 

В этой ситуации работает только ползунок. Этот скрипт не работает:

$(document).ready(function() { 
    $('#menu a').mouseover(function() { 
     $(this).switchClass('normal', 'active', 50, 'easeOutBounce', function() {}); 
    }); 
}); 
$(document).ready(function() { 
    $('#menu a').mouseleave(function() { 
     $(this).switchClass('active', 'normal', 50, 'easeOutBounce', function() {}); 
    }); 
}); 

В чем причина и что с ним делать?

Answer 1

я столкнулся с той же проблемой

мой код был как следующий

... 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="jcobb-slider/js/bjqs-1.3.min.js"></script> 
<link rel="stylesheet" href="jcobb-slider/bjqs.css" /> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
... 

Я хотел использовать либо слайдер изображений JQuery или jqueryUI вкладками контента на той же странице.

И то, что я сделал здесь:

<script type="text/javascript" language="javascript" class="secret-source"> 

       $.noConflict(); 

       jQuery(document).ready(function ($) { 

        $('#banner-fade').bjqs({ 
         height: 280, 
         width: 570, 
         responsive: true 
        }); 

        $("#tabs").tabs(); //jQuery UI Tabs 

       }); 

      </script> 

Затем он работает сейчас.