我开始使用 jquery touch punch 扩展,以允许 ipad 上的可拖动性,但我马上就被绊倒了。对我来说可能是非常愚蠢的事情。开发人员的可拖动示例在我的 ipad 上运行良好:
http://furf.com/exp/touch-punch/draggable.html
这在我的桌面浏览器中运行良好,但在 ipad 上它只关注块并在我拖动时滚动整个页面,就好像它只是一个图像或其他正常的嵌入对象一样。因为这是 ipad 上的 jquery/ui 通常发生的情况,这让我认为它没有加载或忽略我网站上的“punch”代码(尽管如果我通过相同的路径在我的网站上托管 jquery 文件,那些加载并且在桌面浏览器中运行良好)。这是整个代码,非常基本:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Touchpunchtest</title>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.js"></script>
</head>
<body>
<div id="draggybox" onclick="void(0)" style="width: 150px; height: 150px; background: green;"></div>
<script>$('#draggybox').draggable();</script>
</body>
</html>
我错过了什么?!