ios下click事件要点击两次才有响应

2014-09-15 05:06:09 1.8k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

三相电机控制中的端电压、相电压与线电压波形解析本文深入解析了三相电机控制中端电压、相电压与线电压的核心概念与波形差异。通过对比方波控制、SPWM和SVPWM三种主流控制策略下的实测波形特征，揭示了不同控制逻辑对电压波形（如梯形波、正弦波、马鞍波）的影响。文章重点阐述了SVPWM控制如何通过生成马鞍波形端电压来提高直流母线电压利用率，并提供了实用的波形测量与调试指南，帮助工程师深入理解电机控制原理并进行有效调试。阅读详情

为了实现鼠标放上去显示按钮，写了以下代码



<!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>