在同一頁面上運行的多個JQuery版本不起作用

Question

其實我正在爲我的asp.net項目尋找clientside複選框控件+可滾動的gridview。我從http://gridviewscroll.aspcity.idv.tw/Demo/Form.aspx#CheckBoxClient得到了一篇好文章。我已經發布了以下給出的代碼，我已經從上面的網站中獲得了代碼。這裏只有帶有可滾動功能的固定標題可以很好地工作，但是CheckBox客戶端不起作用。誰能幫我？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="../Scripts/gridviewScroll.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
gridviewScroll(); 
}); 

function gridviewScroll() { 
$('#<%=GridView1.ClientID%>').gridviewScroll({ 
width: 660, 
height: 200, 
freezesize: 3 
}); 

var cbSelecteds1 = "cbSelecteds1_freezeheader"; 
var cbSelected1 = "<%=GridView1.ClientID%>_cbSelected1"; 

CheckBoxCheckAll(cbSelecteds1, cbSelected1); 

var cbSelecteds2 = "cbSelecteds2_Copy"; 
var cbSelected2 = "<%=GridView1.ClientID%>_cbSelected2"; 

CheckBoxCheckAll(cbSelecteds2, cbSelected2); 
} 

function CheckBoxCheckAll(checkboxs, checkbox) 
{ 
$('#' + checkboxs).change(function() { 
var checked = $(this).is(':checked'); 
$('input[id*="' + checkbox + '"]').attr('checked', checked); 
}); 

$('input[id*="' + checkbox + '"]').change(function() { 
var checked = $(this).is(':checked'); 
if (!checked) { 
$('#' + checkboxs).attr('checked', false); 
} 
else { 
var allchecked = true; 
$('input[id*="' + checkbox + '"]').each(function() { 
var checked = $(this).is(':checked'); 
if (!checked) { 
allchecked = false; 
} 
}); 
$('#' + checkboxs).attr('checked', allchecked); 
} 
}); 
} 
</script> 

Answer 1

您正在使用live（）方法並鏈接大於1.7的庫版本，這已被棄用。改爲使用on method。或者，要使live（）方法起作用，您需要鏈接jquery庫版本低於1.7的版本。

---

建議：

只需使用只有一個版本的jQuery。

Answer 2

爲什麼包含多個jquery s？你應該只有一個。它將被加載到全局名稱空間中。

Answer 3

通常，您應該只使用一個jQuery版本。我會建議更高版本。

但是，如果你沒有選擇，那麼你就需要看看jQuery.noConflict()

所以你的情況，你可以保持$簽收其使用的版本1.8.3的代碼。

對於1.8.2版本，可以使用不衝突的方式是這樣的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<script type="text/javascript" src="Scripts/gridviewScroll.min.js" ></script> 

<script type="text/javascript"> 
var jQuery_1_8_2 = $.noConflict(true); 
jQuery_1_8_2(document).ready(function() { 
gridviewScroll();      
}); 

function gridviewScroll() { 
jQuery_1_8_2('#<%=GridView1.ClientID%>').gridviewScroll({ 
width: 960, 
height: 200, 
railcolor: "#F0F0F0", 
barcolor: "#CDCDCD", 
barhovercolor: "#606060", 
bgcolor: "#F0F0F0", 
freezesize: 3, 
arrowsize: 30, 
varrowtopimg: "Images/arrowvt.png", 
varrowbottomimg: "Images/arrowvb.png", 
harrowleftimg: "Images/arrowhl.png", 
harrowrightimg: "Images/arrowhr.png", 
railsize: 16, 
barsize: 8 
});  
}     
</script>