Javascript 移动tap事件问题_Javascript_Mobile_Tap

Javascript 移动tap事件问题

javascript mobile

Javascript 移动tap事件问题,javascript,mobile,tap,Javascript,Mobile,Tap,我在移动设备上面临tap事件的问题创建3个具有相同高度的div。点击第二个div以隐藏第一个div，它将触发第三个div上的事件示例代码：可在chrome设备模拟器中复制 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>phone issue</title> </head> <style type="text/css

我在移动设备上面临tap事件的问题

创建3个具有相同高度的div。点击第二个div以隐藏第一个div，它将触发第三个div上的事件

示例代码：可在chrome设备模拟器中复制

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>phone issue</title>
</head>
<style type="text/css">
    .hide {
    display: none;
}
#one, #two, #three {
    width: 100%;
    height: 150px;
    border: 1px solid #000;
}
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#two').on('tap', function () {
            $('#one').toggle();
        });

        $('#three').on('tap', function () {
            alert('you just clicked me!');
        });
    });
</script>
<body>
<div id="one">hide</div>
<div id="two">main</div>
<div id="three">click</div>
</body>
</html>

尝试使用“单击”事件而不是“点击”事件。我遇到了同样的问题，并设法通过使用“单击”事件来解决它。有关详细信息，请参阅jquery移动文档：。问候