jquery中animate方法不支持transform属性的解决
2017-05-11 17:15
603 查看
可以通过addClass()方法来代替此动作:
比如想旋转一个icon:
在css中加入一个class
然后通过$("选择器").toggleClass(".add_transform");来使icon的旋转变为动画效果。
或者下载补丁(加一个js文件):
https://github.com/zachstronaut/jquery-animate-css-rotate-scale/
比如想旋转一个icon:
在css中加入一个class
.add_transform{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */ -o-transition: all 0.5s ease-in-out; /* Opera */ }
然后通过$("选择器").toggleClass(".add_transform");来使icon的旋转变为动画效果。
或者下载补丁(加一个js文件):
https://github.com/zachstronaut/jquery-animate-css-rotate-scale/
相关文章推荐
- jQuery的animate() 函数不支持backgroundPosition的解决方法
- 关于使用jquery时,ie8下提示对象不支持的属性或方法的解决办法
- jQuery的animate在火狐浏览器上不支持backgroundPosition的解决方法
- jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
- JQuery-AJAX 不支持对象此方法或属性解决办法
- jQuery中animate()的方法以及$("body").animate({"scrollTop":top})不被Firefox支持问题的解决
- JQuery-AJAX 不支持对象此方法或属性解决办法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
- 解决document.form1.submit()对象不支持此属性或方法的办法
- 更新 JScript IntelliSense 时出错: D:\jqueryT\js\jquery-1.3.2.js: 对象不支持此属性或方法 @ 2139:1
- 用jQuery解决IE不支持的option disable属性
- defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
- 用jQuery解决IE不支持的option disable属性
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- 关于submit() 对象不支持此属性或方法的解决方法
- "PageMethods未定义"或"对象不支持此属性或方法"解决方法分享
- defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
- 使用PageMethods老是出现"PageMethods未定义"或"对象不支持此属性或方法"的解决方法
- AjaxPro2 方法未定义,对象不支持此方法或属性,解决办法
- 农行动态口令卡问题解决方案(Key:Vista,IE7,证书已锁定,438对象不支持此属性或方法)