不同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保留两位小数的2个自定义函数
May 05 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
JS无缝滚动效果实现方法分析
Dec 21 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
小程序转发探索示例
Feb 19 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
详解vue页面首次加载缓慢原因及解决方案
Nov 06 Javascript
js实现网页随机验证码
Oct 19 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 删除记录实现代码
2009/03/12 PHP
PHP 替换模板变量实现步骤
2009/08/24 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
微信小程序时间选择插件使用详解
2018/12/28 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
vue 手机物理监听键+退出提示代码
2020/09/09 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
简单介绍django提供的加密算法
2019/12/18 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
聚美优品广告词改编
2014/03/14 职场文书
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
入党综合考察材料
2014/06/02 职场文书
校长创先争优承诺书
2014/08/30 职场文书
讲文明懂礼貌演讲稿
2014/09/11 职场文书
计划生育诚信协议书
2014/11/02 职场文书
oracle通过存储过程上传list保存功能
2021/05/12 Oracle
Python爬虫基础初探selenium
2021/05/31 Python
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL