不同Jquery版本引发的问题解决


Posted in Javascript onOctober 14, 2013

这是最近三个月写得最完美的作品了,用JS实现了一个拖拽排序,效果图如下:
不同Jquery版本引发的问题解决
一开始进入项目有了这样的拖拽实现想法,一点头绪没有,请教师兄说这样实现不可能。当时觉得很遗憾,打算用传统的方式去实现。正构思传统的方式,感觉时间充裕,就回到了拖拽的想法上来。终于实现了。其实我不是炫耀这个(当然,感兴趣的话,可以QQ907087894联系我,我会整理Demo上传到资源中心),我想说的是下文。
就在我实现的同时,师姐帮另一个伙伴写了一个传统方案的Demo,他进行的是修改的排序。在她机器上演示的时候,当时就觉得很震撼,在她的鼠标滑动下,走马观花了一遍代码,看着长长的链式JS,顿生仰慕。当时就想,等项目结了,好好研究她这个。
不同Jquery版本引发的问题解决
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版本引发的问题解决
一个星期后的今天,用同样的浏览器访问服务器上的资源,又不存在这个问题了。接着研究吧。
还好,不知道哪来的灵感,把原引入的jquery.js换成jquery-1.7.2.min.js,问题终于再次被解决。
不知道还会不会在被推翻,呵呵~~

Javascript 相关文章推荐
来自国外的页面JavaScript文件优化
Dec 08 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
Jan 23 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
JS实现关键词高亮显示正则匹配
Jun 22 Javascript
node中的密码安全(加密)
Sep 17 Javascript
如何在vue中使用video.js播放m3u8格式的视频
Feb 01 Vue.js
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 #Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 #Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 #Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 #Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 #Javascript
javascript动态的改变IFrame的高度实现自动伸展
Oct 12 #Javascript
JavaScript var声明变量背后的原理示例解析
Oct 12 #Javascript
You might like
php checkbox 取值详细说明
2010/08/19 PHP
说说PHP的autoLoad自动加载机制
2012/09/27 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
PHP使用Curl实现模拟登录及抓取数据功能示例
2018/04/27 PHP
yii2的restful api路由实例详解
2019/05/14 PHP
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
jquery子元素过滤选择器使用示例
2013/06/24 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
浅谈Javascript的静态属性和原型属性
2015/05/07 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
微信小程序实现星级评价效果
2018/12/28 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
python继承和抽象类的实现方法
2015/01/14 Python
编写Python脚本来获取mp3文件tag信息的教程
2015/05/04 Python
Python+Wordpress制作小说站
2017/04/14 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
flask入门之表单的实现
2018/07/18 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Django跨域资源共享问题(推荐)
2020/03/09 Python
python对XML文件的操作实现代码
2020/03/27 Python
Python 如何创建一个简单的REST接口
2020/07/30 Python
Python如何实现远程方法调用
2020/08/07 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
python中常用的数据结构介绍
2021/01/12 Python
Weblogc domain问题
2014/01/27 面试题
教学质量评估实施方案
2014/03/17 职场文书
银行求职信模板
2015/03/20 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
六年级作文之关于梦
2019/10/22 职场文书