jquery touch punch-可在ipad上拖动

jquery touch punch-可在ipad上拖动,jquery,ipad,draggable,jquery-ui-touch-punch,Jquery,Ipad,Draggable,Jquery Ui Touch Punch,我开始使用jquerytouchpunch扩展,以便在ipad上实现拖拽功能,但我马上就被绊倒了。可能是我这方面非常愚蠢的事情。开发者提供的可拖动示例在我的ipad上运行良好: 这在我的桌面浏览器中运行良好,但在ipad上,它只关注块并在我拖动时滚动整个页面,就好像它只是一个图像或其他普通嵌入对象一样。由于ipad上的jquery/ui通常会出现这种情况,这让我觉得它没有加载或忽略我网站上的“打孔”代码(尽管如果我通过相同的路径在我的网站上托管jquery文件,那么这些文件在桌面浏览器中加载和

我开始使用jquerytouchpunch扩展,以便在ipad上实现拖拽功能,但我马上就被绊倒了。可能是我这方面非常愚蠢的事情。开发者提供的可拖动示例在我的ipad上运行良好:

这在我的桌面浏览器中运行良好,但在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>

触摸测试
$('#draggybox').draggable();

我错过了什么

如果该项目是从GIT-hub下载的,那么它看起来就可以了。不确定jquery.ui.touch-punch.js文件是从哪里获得的,但它似乎出错了。您的浏览器可能会对此进行补偿,但iPad浏览器不会

我今天从github下载的!:(哦,我下载不正确,抓取了一些文件而不是zip。它现在正在工作。呸!我以为我疯了,但事实上我只是非常愚蠢(我最初的猜测).AJak是正确的。该插件仅在touch可用时工作,因此您的桌面将忽略该代码。如果您需要使用touch Punch的任何帮助,您可以通过访问插件页面与我(开发人员)联系