這是最近三個月寫得最完美的作品了，用JS實現了一個拖拽排序，效果圖如下：

一開始進入項目有了這樣的拖拽實現想法，一點頭緒沒有，請教師兄說這樣實現不可能。當時覺得很遺憾，打算用傳統的方式去實現。正構思傳統的方式，感覺時間充裕，就回到了拖拽的想法上來。終于實現了。其實我不是炫耀這個（當然，感興趣的話，可以QQ907087894聯系我，我會整理Demo上傳到資源中心），我想說的是下文。
就在我實現的同時，師姐幫另一個伙伴寫了一個傳統方案的Demo,他進行的是修改的排序。在她機器上演示的時候，當時就覺得很震撼，在她的鼠標滑動下，走馬觀花了一遍代碼，看著長長的鏈式JS，頓生仰慕。當時就想，等項目結了，好好研究她這個。

2個月后，等來了，閑暇。緣于對JS的生疏，很吃力的勉強看懂了代碼，運行的時候，飛來了一只蟲子。移動的時候，一直提示無選擇項。
代碼如下:
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;}
/* 對調 */
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('無選擇項?。?);
}

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

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

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

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

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