快捷導(dǎo)航

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

更新時(shí)間：2013年10月14日 16:54:14 作者：

用JS實(shí)現(xiàn)了一個(gè)拖拽排序，可因Jquery版本不同導(dǎo)致瀏覽器訪問時(shí)存在很多的問題，下面為大家介紹下具體的解決方法，感興趣的朋友可以參考下

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

一開始進(jìn)入項(xiàng)目有了這樣的拖拽實(shí)現(xiàn)想法，一點(diǎn)頭緒沒有，請(qǐng)教師兄說這樣實(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è)月后，等來了，閑暇。緣于對(duì)JS的生疏，很吃力的勉強(qiáng)看懂了代碼，運(yùn)行的時(shí)候，飛來了一只蟲子。移動(dòng)的時(shí)候，一直提示無選擇項(xiàng)。

復(fù)制代碼代碼如下:

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;}  
                /* 對(duì)調(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)試了許久許久，還不是不行，后來對(duì)比她本地的代碼，毫無差異，她本地也運(yùn)行正常。后來我們就達(dá)成了共識(shí)瀏覽器問題。

復(fù)制代碼代碼如下:

$("#eva_div_all").children().eq(j).children().children().eq(0).attr('checked'))=='checked') 

瀏覽器對(duì)ehecked屬性支持不一樣。

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

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