不同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 hasFocus使用实例
Jun 29 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
微信小程序-可移动菜单的实现过程详解
Jun 24 Javascript
小程序实现录音上传功能
Nov 22 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
vant 中van-list的用法说明
Nov 11 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
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时的知识积累总结
2013/06/07 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
重载toString实现JS HashMap分析
2011/03/13 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
vue实例的选项总结
2020/06/09 Javascript
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
python妹子图简单爬虫实例
2015/07/07 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
python实现八大排序算法(1)
2017/09/14 Python
分析Python中解析构建数据知识
2018/01/20 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
Python常用外部指令执行代码实例
2020/11/05 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
品质主管岗位职责
2014/03/16 职场文书
平安工地汇报材料
2014/08/19 职场文书
工作失职自我检讨书
2015/05/05 职场文书
公司开业致辞
2015/07/29 职场文书
公司员工奖惩制度
2015/08/04 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
python分分钟绘制精美地图海报
2022/02/15 Python
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL