为了实现鼠标放上去显示按钮，写了以下代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script type="text/javascript" src="jquery.1.7.2.js"></script>
</head>
<style>
.title{width: 300px;height:100px;border: 1px solid #ccc;}
.close{width: 50px;height:100px;float:right;background-color: green;display: none;}
.title.msover .close{display: block;}
</style>
<body>
<div class="title">
<div class="close">
</div>
</div>
<script>
$(document).ready(function(){
$(".title").click(function(){
alert("ok");
}).mouseenter(function(e){
$(this).addClass("msover");
}).mouseleave(function(e){
$(this).removeClass("msover");
});
});
</script>
</body>
</html>
可是在ipad下就不正常了， 要点击两次才出弹出alert。
换成以下的写法就没问题了：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script type="text/javascript" src="jquery.1.7.2.js"></script>
</head>
<style>
.title{width: 300px;height:100px;border: 1px solid #ccc;}
.close{width: 50px;height:100px;float:right;background-color: green;display: none;}
.title.msover .close{display: block;}
</style>
<body>
<div class="title">
<div class="close">
</div>
</div>
<script>
$(document).ready(function(){
$(".title").click(function(){
alert("ok");
}).mouseenter(function(e){
$(this).addClass("msover");
}).mouseleave(function(e){
$(this).removeClass("msover");
});
});
</script>
</body>
</html>
谁知道是怎么回事？
