不同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 放大镜 放大倍率和视窗尺寸
May 09 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
使用jQuery获得内容以及内容的属性
Feb 26 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
js ajaxfileupload.js上传报错的解决方法
May 05 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
微信小程序日历/日期选择插件使用方法详解
Dec 28 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 Javascript
Vuex的API文档说明详解
Feb 05 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
ajax 的post方法实例(带循环)
2011/07/04 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
javascript 动态生成私有变量访问器
2009/12/06 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
jQuery仿移动端支付宝键盘的实现代码
2018/08/15 jQuery
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
详解Python字符串对象的实现
2015/12/24 Python
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
应届生新闻编辑求职信
2013/11/19 职场文书
自我评价中英文语句
2013/11/30 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
谢师宴答谢词
2015/01/05 职场文书
导游词之上饶龟峰
2019/10/25 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL