gpt4 book ai didi

jquery - 点击事件在平板电脑上不起作用

转载 作者:行者123 更新时间:2023-12-01 04:49:19 24 4
gpt4 key购买 nike

编辑:我已将其简化为一个简单的 jquery 问题。如果我绑定(bind)单击并在元素上调用可拖动(无论发生的顺序如何),则单击事件在我的平板电脑(Nexus 10 上的 Chrome)上不起作用。这是一个 fiddle 手来演示:http://jsfiddle.net/FME24/

这是代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<div id="test" style="display:block;float:left;height:50px;width:50px;background-color: blue;"></div>

<!-- jQuery and AngularJS from CDN with fallback -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
<script src='//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js'></script>
<script>window.jQuery || document.write('<script src="lib/jquery/jquery-1.9.0.min.js"><\/script>')</script>
<script>window.jQuery.ui || document.write('<script src="lib/jquery/jquery-ui-1.9.2.min.js"><\/script>') </script>
<script src='lib/jquery/jquery.ui.touch-punch.min.js'></script>
<script>


$("#test").draggable();

$("#test").bind("click", function () {
alert("click!");
});
</script>
</body>
</html>

编辑:如果我删除对 j​​queryuipunch 的引用,则拖动不再适用于平板电脑,但单击事件确实有效。有谁知道如何同时单击和拖动?

谢谢!

大卫

最佳答案

我在 Android 平板电脑上使用 chrome (34) 时遇到了同样的问题。从下面的链接我确实在我的网站中找到了 jquery.ui.touch-punch.js 的替代品。现在点击事件又回来了,并且可拖动项目

patch (or update) for jquery.ui.touch-punch.js

关于jquery - 点击事件在平板电脑上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23541645/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com