jquery拖动图像 iPad / iPhone - 如何整合 event.preventDefault//;?
我用 jQuery, jQuery UI 和 jQuery mobile 创建Web应用程序 iPhone / iPad.
现在我创建图像，必须拖动，所以我做到了：
在这里，您可以看到一个活生生的例子：
http://jsbin.com/igena4/
/
问题是我想要滚动的整个页面。 我正在寻找例子 Apple HTML5 并发现它可以防止页面滚动，从而可以拖动图像：
但对我来说是我如何在我的情况下启用它 jQuery? 我在哪里可以得到
?
尊重地。
现在我创建图像，必须拖动，所以我做到了：
html
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-type"/>
<title>Drag - Test</title>
<link href="[url=http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css"]http://code.jquery.com/mobile/ ... ot%3B[/url] rel="stylesheet"/>
<script src="[url=http://code.jquery.com/jquery-1.4.4.min.js"></script>]http://code.jquery.com/jquery- ... gt%3B[/url]
<script src="[url=http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>]http://code.jquery.com/mobile/ ... gt%3B[/url]
<script src="[url=https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>]https://ajax.googleapis.com/aj ... gt%3B[/url]
</head>
<body>
<div>
<div style="width:500px;height:500px;border:1px solid red;">
<img alt="jQuery logo" class="draggable" src="[url=http://upload.wikimedia.org/wikipedia/en/thumb/9/9e/JQuery_logo.svg/200px-JQuery_logo.svg.png"/>]http://upload.wikimedia.org/wi ... gt%3B[/url]
<img alt="Apple Inc. logo" class="draggable" src="[url=http://upload.wikimedia.org/wikipedia/en/a/ab/Apple-logo.png"/>]http://upload.wikimedia.org/wi ... gt%3B[/url]
</div>
</div>
</body>
<script type="text/javascript">
$/document/.ready/function// {
$/".draggable"/.draggable//;
}/;
</script>
</html>
在这里，您可以看到一个活生生的例子：
http://jsbin.com/igena4/
/
问题是我想要滚动的整个页面。 我正在寻找例子 Apple HTML5 并发现它可以防止页面滚动，从而可以拖动图像：
...
onDragStart: function/event/ {
// stop page from panning on iPhone/iPad - we're moving a note, not the page
event.preventDefault//;
...
}
但对我来说是我如何在我的情况下启用它 jQuery? 我在哪里可以得到
event
?
尊重地。
没有找到相关结果
已邀请:
5 个回复
詹大官人
赞同来自:
https://github.com/furf/jquery-ui-touch-punch
只需遵循这些简单的步骤即可启用您的触摸事件 jQuery
应用 UI :
打开 jQuery 和 jQuery UI 在您的页面上。
打开触摸后 jQuery UI 在首次使用之前。
请注意，如果您使用的是组件 jQuery UI, 触摸应在后面打开 jquery.ui.mouse.js, 自碰吹以来
改变他的行为。
3. 刚使用 jQuery UI, 正如预期的那样，观看它如何触摸他的手指。
快网
赞同来自:
http://code.google.com/p/jquer ... hone/
/
您只需上传和集成文件。 JavaScript, 就这样。
涵秋
赞同来自:
$/document/.bind/"dragstart", function/event, ui/{event.preventDefault//;
//return false;//edited
}/;
我不确定它是否应该是
或简单
EDIT
我不知道你有这个示例代码的位置，但它似乎总是始终阻止任何拖动。 如果它有帮助，请尝试 - 它应该防止泡沫，因此，如果滚动与文档 - 事件节点不应该到达那里。 [我仍然不能在苹果上试试苹果]
$/document/.ready/function// {$/".draggable"/.draggable//;
$/'body>div'/.bind/"dragstart", function/event, ui/{
event.stopPropagation//;
}/;
}/;
董宝中
赞同来自:
这是链接 RC:
http://blog.jqueryui.com/2012/08/jquery-ui-1-9-rc/
/
诸葛浮云
赞同来自:
http://jqueryui.com/demos/draggable/#events
您称之为活动。 start, 调用方法时 draggable, 就像任何其他人一样 jQuery, 总有一个参数，您可以在其中传输包含回调的对象。 试着打电话 preventDefaut 在开始呼叫中。
$/ "#draggable" /.draggable/{start: function/e/ {
e.preventDefault//;
counts[ 0 ]++;
updateCounterStatus/ $start_counter, counts[ 0 ] /;
},
drag: function// {
counts[ 1 ]++;
updateCounterStatus/ $drag_counter, counts[ 1 ] /;
},
stop: function// {
counts[ 2 ]++;
updateCounterStatus/ $stop_counter, counts[ 2 ] /;
}
}/;