我开始使用jquery touch punch扩展以便在ipad上实现可拖动性,但我马上就被绊倒了。对我来说可能是非常愚蠢的。开发人员的可拖动示例在我的ipad上正常工作:
http://furf.com/exp/touch-punch/draggable.html
这在我的桌面浏览器中运行良好,但在ipad上它只关注块并在我拖动时滚动整个页面,就像它只是一个图像或其他普通的嵌入对象一样。因为这是ipad上jquery / ui通常会发生的事情,这让我觉得它没有加载或忽略来自我网站的“打孔”代码(虽然如果我通过相同的路径托管我网站上的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>
我错过了什么?!
答案 0 :(得分:0)
如果项目是从GIT中心下载的,那似乎没问题。不确定你从哪里得到你的jquery.ui.touch-punch.js文件,但似乎有误。您的浏览器可能会补偿它,但iPad浏览器却没有。