不同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 相关文章推荐
firefox firebug中文入门教程 脚本之家新年特别版
Jan 02 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
页面装载js及性能分析方法介绍
Mar 21 Javascript
原生JavaScript编写俄罗斯方块
Mar 30 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
微信小程序支付及退款流程详解
Nov 30 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
Apr 23 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
angular中如何绑定iframe中src的方法
Feb 01 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
PHP中设置时区,记录日志文件的实现代码
2013/01/07 PHP
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
PHP获取文件行数的方法
2015/06/10 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
python实现人脸识别代码
2017/11/08 Python
Python中property属性实例解析
2018/02/10 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
详解Django+Uwsgi+Nginx的生产环境部署
2018/06/25 Python
使用python实现对元素的长截图功能
2019/11/14 Python
Pycharm调试程序技巧小结
2020/08/08 Python
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
药学专业毕业生求职信
2013/10/20 职场文书
挂牌仪式主持词
2014/03/20 职场文书
社区安全温馨提示语
2015/07/14 职场文书
中学生运动会广播稿
2015/08/19 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书
导游词之南京栖霞山
2019/10/18 职场文书
Python标准库pathlib操作目录和文件
2021/11/20 Python
如何利用React实现图片识别App
2022/02/18 Javascript
PO模式在selenium自动化测试框架的优势
2022/03/20 Python