猿问

touch触摸追加class,没有生效

<html>

<head>

<meta charset="utf-8"/>

<title>touch test</title>

</head>

<body>

<script type="text/javascript" src="touch/jquery-1.11.1.js" ></script>

<div id="box" style="width:100%;height:100%;border:1px solid red;"></div>

<script>

function touchs(event){


event.preventDefault();

var box = $("#box");

if(event.type=="touchstart"){

    console.log('1');

    $("#box").addClass("class");

    console.log('1');

}

}


box.addEventListener('touchstart',touchs,false);

</script>

</body>

</html>

直接跳过我追加的class了


开心每一天1111
浏览 506回答 1
1回答

小怪兽爱吃肉

观看这一点代码不能完全推断,以下是个人见解首先就是执行顺序,两个console先执行,后执行addClass,因为这个是个异步方法其次就是上面style绑定了样式,这个权限比class高,如果样式之间有冲突会以style优先得出的结论就是你的addClass应该是有执行,只是style权限比较高,所以没有效果
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答