不同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 相关文章推荐
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
深入理解Javascript中的valueOf与toString
Jan 04 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
在PHP中利用XML技术构造远程服务(下)
2006/10/09 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
AngularJS快速入门
2015/04/02 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
layui文件上传实现代码
2017/05/20 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
2018/04/17 jQuery
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
vue实现拖拽效果
2019/12/23 Javascript
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
分析经典Python开发工程师面试题
2019/04/08 Python
pyqt实现.ui文件批量转换为对应.py文件脚本
2019/06/19 Python
python命令行参数用法实例分析
2019/06/25 Python
python各类经纬度转换的实例代码
2019/08/08 Python
Python单链表原理与实现方法详解
2020/02/22 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
欧洲顶级的童装奢侈品购物网站:Bambini Fashion(面向全球)
2018/04/24 全球购物
十佳护士获奖感言
2014/02/18 职场文书
2014年班组工作总结
2014/11/20 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang