不同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 相关文章推荐
js的Boolean对象初始值示例
Mar 04 Javascript
常用的几段javascript代码分享
Mar 25 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
JavaScript File API实现文件上传预览
Feb 02 Javascript
JS动态改变浏览器标题的方法
Apr 06 Javascript
jQuery实现文档树效果
Feb 20 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 Javascript
javascript中闭包closure的深入讲解
Mar 03 Javascript
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
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
JavaScript null和undefined区别分析
2009/10/14 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
详解Node.js中的事件机制
2016/09/22 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
nodejs 十六进制字符串型数据与btye型数据相互转换
2018/07/30 NodeJs
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
Python MySQL数据库连接池组件pymysqlpool详解
2017/07/07 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
基于python的opencv图像处理实现对斑马线的检测示例
2020/11/29 Python
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
商务英语大学生职业生涯规划书范文
2014/01/01 职场文书
学习党章思想汇报
2014/01/07 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
秋冬农业生产标语
2014/10/09 职场文书
举起手来观后感
2015/06/09 职场文书
收入证明范本
2015/06/12 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android