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> 

然後現在的工作。