不同Jquery版本引發(fā)的問題解決_javascript技巧

這是最近三個(gè)月寫得最完美的作品了，用JS實(shí)現(xiàn)了一個(gè)拖拽排序，效果圖如下：

一開始進(jìn)入項(xiàng)目有了這樣的拖拽實(shí)現(xiàn)想法，一點(diǎn)頭緒沒有，請教師兄說這樣實(shí)現(xiàn)不可能。當(dāng)時(shí)覺得很遺憾，打算用傳統(tǒng)的方式去實(shí)現(xiàn)。正構(gòu)思傳統(tǒng)的方式，感覺時(shí)間充裕，就回到了拖拽的想法上來。終于實(shí)現(xiàn)了。其實(shí)我不是炫耀這個(gè)（當(dāng)然，感興趣的話，可以QQ907087894聯(lián)系我，我會(huì)整理Demo上傳到資源中心），我想說的是下文。
就在我實(shí)現(xiàn)的同時(shí)，師姐幫另一個(gè)伙伴寫了一個(gè)傳統(tǒng)方案的Demo,他進(jìn)行的是修改的排序。在她機(jī)器上演示的時(shí)候，當(dāng)時(shí)就覺得很震撼，在她的鼠標(biāo)滑動(dòng)下，走馬觀花了一遍代碼，看著長長的鏈?zhǔn)絁S，頓生仰慕。當(dāng)時(shí)就想，等項(xiàng)目結(jié)了，好好研究她這個(gè)。

2個(gè)月后，等來了，閑暇。緣于對JS的生疏，很吃力的勉強(qiáng)看懂了代碼，運(yùn)行的時(shí)候，飛來了一只蟲子。移動(dòng)的時(shí)候，一直提示無選擇項(xiàng)。
代碼如下:
for(var j = 0; j < div_count; j++){
if(($("#eva_div_all").children().eq(j).children().children().eq(0).attr('checked'))=='checked'){
var valid_checked = $("#eva_div_all").children().eq(j).children().children().eq(0).attr('id');
if(valid_checked==checked_name){alert(alert_des);return;}
/* 對調(diào) */
var temp = $("#eva_div_all").children().eq(j).attr('id');
var temp_html = $("#"+temp).html();
var before_temp = $("#eva_div_all").children().eq(j+num).attr('id');
var before_temp_html = $("#"+before_temp).html();
$("#"+temp).html('');
$("#"+before_temp).html('');
$("#"+temp).html(before_temp_html);
$("#"+before_temp).html(temp_html);
checked = 'true';
new_order();
}
}
if(checked=='false'){
alert('無選擇項(xiàng)！！');
}

儼然飛蟲進(jìn)入了眼睛，不斷的揉啊揉，就是出不來，一天就是這么過的。
無奈了，解鈴還需系鈴人，她來了，調(diào)試了許久許久，還不是不行，后來對比她本地的代碼，毫無差異，她本地也運(yùn)行正常。后來我們就達(dá)成了共識(shí)瀏覽器問題。
代碼如下:
$("#eva_div_all").children().eq(j).children().children().eq(0).attr('checked'))=='checked')

瀏覽器對ehecked屬性支持不一樣。

她是firefox 23, 我的是16.0.1。很開心，終算找到問題的癥結(jié)了，此事算是告一段落。

一個(gè)星期后的今天，用同樣的瀏覽器訪問服務(wù)器上的資源，又不存在這個(gè)問題了。接著研究吧。
還好，不知道哪來的靈感，把原引入的jquery.js換成jquery-1.7.2.min.js，問題終于再次被解決。
不知道還會(huì)不會(huì)在被推翻，呵呵～～

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com