Question

点击img div后我添加了提醒。我收到多个单击提醒。在Web界面上，有时我会收到单一警报，但在移动设备上执行多次。并且点击事件不适用于第一次点击。它正在第二次使用。

<html>
<body>
plug:<img id="plug" src="http://icons.iconarchive.com/icons/zeusbox/gartoon/32/socket-icon.png">
</body>
</html>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>

<script>
$(document).ready(function(){
  $("#plug").on('tap', function() {
      alert("plese long press");
  });
});
</script>

Answer 1

你可以试试这个..

$("#plug").on('tap', function(e) {
    e.preventDefault();
    alert("plese long press");
});

据此，它对其他人有用：jQuery mobile tap event triggered for twice

Answer 2

在您的活动中添加preventDefault()以停止多次触发事件：

$("#plug").unbind('tap').on('tap', function(event) {
   event.preventDefault();
   alert("please long press"); 
});

Answer 3

您在控制台中收到此错误。

Uncaught TypeError: Cannot read property 'add' of undefined

i think your JQuery version and JQuery-ui version not compatible.

change your jquery-ui with this one

    <script
      src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
      integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
      crossorigin="anonymous"></script>

that should solve the problem

JQuery警报弹出三次但执行一次

3 个答案: