移動點擊事件問題

我正面臨移動設備上點按事件的問題。移動點擊事件問題

創建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>

來源

2015-08-29 Raj

嘗試使用 'click' 事件而不是 '水龍頭' 事件。我遇到同樣的問題，並設法通過使用'點擊'事件來解決它。詳情請參閱jquery移動文檔：https://api.jquerymobile.com/vclick/。問候。

來源

2015-11-19 15:17:00

移動點擊事件問題

回答

相關問題