不同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 相关文章推荐
Jquery iframe内部出滚动条
Feb 11 Javascript
JS拖动技术 关于setCapture使用
Dec 09 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
原生JavaScript实现刮刮乐
Sep 29 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 Javascript
在HTML5 localStorage中存储对象的示例代码
Apr 21 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 动态随机生成验证码类代码
2010/04/09 PHP
PHP多线程之内部多线程实例分析
2015/03/09 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
PHP+JS实现的商品秒杀倒计时用法示例
2016/11/15 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
JavaScript中Function详解
2015/02/27 Javascript
基于cookie实现zTree树刷新后展开状态不变
2017/02/28 Javascript
vuejs事件中心管理组件间的通信详解
2017/08/09 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
JS中图片压缩的方法小结
2017/11/14 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
jquery实现简单自动轮播图效果
2020/07/29 jQuery
原生js+canvas实现下雪效果
2020/08/02 Javascript
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
在网上学习全世界最好的课程:Coursera
2017/11/07 全球购物
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
静态变量和实例变量的区别
2015/07/07 面试题
应届生法律求职信
2013/10/22 职场文书
四查四看剖析材料
2014/02/14 职场文书
犯错检讨书
2014/02/21 职场文书
生活部的活动方案
2014/08/19 职场文书
中秋联欢会主持词
2015/07/04 职场文书
创业计划书之物流运送
2019/09/17 职场文书
Python几种酷炫的进度条的方式
2022/04/11 Python