不同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 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
实现placeholder效果的方案汇总
Jun 11 Javascript
js入门之Function函数的使用方法【新手必看】
Nov 22 Javascript
微信小程序 数据交互与渲染实例详解
Jan 21 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
angular中如何绑定iframe中src的方法
Feb 01 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
深入了解js原型模式
May 30 Javascript
json 带斜杠时如何解析的实现
Aug 12 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框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
JavaScript中匿名函数用法实例
2015/03/23 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
[50:24]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[04:00]黄浦江畔,再会英雄——完美世界DOTA2 TI9应援视频
2019/07/31 DOTA
python基础教程之自定义函数介绍
2014/08/29 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
python的变量与赋值详细分析
2017/11/08 Python
Django Rest framework权限的详细用法
2019/07/25 Python
妙用itchat! python实现久坐提醒功能
2019/11/25 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
移动端html5判断是否滚动到底部并且下拉加载
2019/11/19 HTML / CSS
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
新员工欢迎词
2014/01/12 职场文书
行政文秘岗位职责范本
2014/02/10 职场文书
《跨越百年的美丽》教学反思
2014/02/11 职场文书
可口可乐广告词
2014/03/20 职场文书
应届生找工作求职信
2014/06/24 职场文书
音乐之声音乐广播稿
2014/09/10 职场文书
mysql中关键词exists的用法实例详解
2022/06/10 MySQL