0
我在我的頁面中使用了colorbox插件和mscarousel。支持javascript腳本文件的colorbox和mscarousel都是相互衝突的。當我刪除colorbox支持腳本文件時，ms carousel正在運行，並刪除ms carousel支持文件colorbox plugin正在工作。但我需要這兩個插件才能工作。如何解決這個jQuery的衝突？Jquery衝突
彩盒插件支持head標籤內的文件
<script src="jquery-1.4.1.min.js" type="text/javascript"></scrip>
<link href="admin/colorbox.css" rel="stylesheet" type="text/css" />
<script src="admin/jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".popup").colorbox({width:"540px", height:"405px", iframe:true});
});
</script>
MS轉盤支承頭部標籤
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.msCarousel-min.js"></script>
<link rel="stylesheet" type="text/css" href="css/mscarousel.css" />
<style type="text/css">
.mstoplinks{padding:3px; border-bottom:2px solid #c3c3c3;}
.mstoplinks a, .mstoplinks a:visited{color:#003366; text-decoration:none; border-right:1px solid #c3c3c3; padding:0 10px}
.mstoplinks a.active, .mstoplinks a.active:visited{color:#003366; text-decoration:none; border-right:1px solid #c3c3c3; padding:0 10px;border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; }
.version{font-size:12px; color:#EE3C95;}
</style>
和MS-旋轉木馬腳本內部文件中body標籤
<script type="text/javascript">
$(document).ready(function() {
try {
var oHandlerHorizontal = $("#carouseldiv").msCarousel({boxClass:'div.set', width:110, height:122, scrollSpeed:500}).data("msCarousel");
$("#next").click(function() {
oHandlerHorizontal.next();
});
$("#previous").click(function() {
oHandlerHorizontal.previous();
});
//vertical
var oHandlerVertical = $("#verticalCarousel").msCarousel({boxClass:'div.set', width:486, height:198, scrollSpeed:500, vertical:true}).data("msCarousel");
$("#nextV").click(function() {
oHandlerVertical.next();
});
$("#previousV").click(function() {
oHandlerVertical.previous();
});
//no use
$("#ver").html("v"+oHandlerHorizontal.getVersion());
} catch(e) {
alert(e.message);
}
})
</script>