$("#navbtn").click(function(e) {
if($(this).css("transform")=="none"){
$(this).css("transform","rotate(0deg)")
}
var element = document.getElementById("test").style.transform
var deg=element.split("rotate(")[1].split("deg)")[0]
$(this).css("transform","rotate("+(Number(deg)+90)+"deg)")
})
})
1. 检查是否已经引入了transform.js文件;2. 检查transform.js文件是否支持当前浏览器,如果不支持,需要更新transform.js文件;
3. 检查transform.js文件中是否已经引入了兼容库,如果没有,则需要引入;
4. 检查transform.js文件是否有语法错误,如果有,则需要修改;
5. 检查transform.js文件中的代码是否有执行错误,如果有,则需要修改;
6. 检查transform.js文件中是否有死循环,如果有,则需要修改;
7. 检查transform.js文件中是否有内存溢出,如果有,则需要修改。
原生JS来操作比较麻烦,每个浏览器操作方法都不一样,如果是写在style属性里的CSS,可以这么操作: obj.style.transform 如果是写在css里就要判断浏览器了,比较麻烦,推荐你用jQ吧,一句搞定: obj.css("transform")