不同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代码
Mar 25 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
Javascript学习笔记之相等符号与严格相等符号
Nov 23 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 Javascript
vuex分模块后,实现获取state的值
Jul 26 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
解析PHP实现下载文件的两种方法
2013/07/05 PHP
用PHP将Unicode 转化为UTF-8的实现方法(推荐)
2017/02/08 PHP
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
js读取本地excel文档数据的代码
2010/11/11 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
JavaScript插件化开发教程 (二)
2015/01/27 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
基于Vue过渡状态实例讲解
2017/09/14 Javascript
vue2.0 中使用transition实现动画效果使用心得
2018/08/13 Javascript
nodejs脚本centos开机启动实操方法
2020/03/04 NodeJs
Python实现简单的可逆加密程序实例
2015/03/05 Python
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python字符串处理之count()方法的使用
2015/05/18 Python
python使用paramiko实现远程拷贝文件的方法
2016/04/18 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
对Python中列表和数组的赋值,浅拷贝和深拷贝的实例讲解
2018/06/28 Python
Python 转换文本编码实现解析
2019/08/27 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
六道php面试题附答案
2014/06/05 面试题
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
优秀演讲稿范文
2013/12/29 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
解除施工合同协议书
2014/10/17 职场文书
学雷锋日活动总结
2015/02/06 职场文书
如何写好活动总结
2019/06/21 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang
MySQL一劳永逸永久支持输入中文的方法实例
2022/08/05 MySQL