不同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中两种链式调用实现代码
Jan 12 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
xmlhttp缓存清除的2种解决方法
Dec 13 Javascript
js 通用订单代码
Dec 23 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
JavaScript之Date_动力节点Java学院整理
Jun 28 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
JS控制下拉列表左右选择实例代码
May 08 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
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
javascript CSS画图之基础篇
2009/07/29 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
Python验证企业工商注册码
2015/10/25 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
flask开启多线程的具体方法
2020/08/02 Python
python 浮点数四舍五入需要注意的地方
2020/08/18 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
英国航空官网:British Airways
2016/09/11 全球购物
时尚圣经:The Fashion Bible
2019/03/03 全球购物
会计自我鉴定范文
2013/10/06 职场文书
艺术节主持词
2014/04/02 职场文书
运动会宣传口号
2014/06/09 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
优秀教师单行材料
2014/12/16 职场文书
坎儿井导游词
2015/02/09 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫