transform在js中如何多次执行

JavaScript022

transform在js中如何多次执行,第1张

$(document).ready(function(e) {

$("#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")