比较来自世界各地的卖家的域名和 IT 服务价格

jquery拖动图像 iPad / iPhone - 如何整合 event.preventDefault//;?

我用 jQuery, jQuery UI 和 jQuery mobile 创建Web应用程序 iPhone / iPad.
现在我创建图像,必须拖动,所以我做到了:


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

?

尊重地。
已邀请:

詹大官人

赞同来自:

尝试这个库

https://github.com/furf/jquery-ui-touch-punch
只需遵循这些简单的步骤即可启用您的触摸事件 jQuery
应用 UI :

打开 jQuery 和 jQuery UI 在您的页面上。


<script src="[url=http://code.jquery.com/jquery.min.js"></script>]http://code.jquery.com/jquery. ... gt%3B[/url]
<script src="[url=http://code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script>]http://code.jquery.com/ui/1.8. ... gt%3B[/url]


打开触摸后 jQuery UI 在首次使用之前。

请注意,如果您使用的是组件 jQuery UI, 触摸应在后面打开 jquery.ui.mouse.js, 自碰吹以来
改变他的行为。


<script src="jquery.ui.touch-punch.min.js"></script>


3. 刚使用 jQuery UI, 正如预期的那样,观看它如何触摸他的手指。


<script>$/'#widget'/.draggable//;</script>

快网

赞同来自:

我找到了一种在桌面浏览器上工作的解决方案 iOS Safari 在 iPad 和 iPhone:
http://code.google.com/p/jquer ... hone/
/

您只需上传和集成文件。 JavaScript, 就这样。

涵秋

赞同来自:

我猜它看起来像


$/document/.bind/"dragstart", function/event, ui/{
event.preventDefault//;
//return false;//edited
}/;


我不确定它是否应该是
document

或简单
'body'


EDIT

我不知道你有这个示例代码的位置,但它似乎总是始终阻止任何拖动。 如果它有帮助,请尝试 - 它应该防止泡沫,因此,如果滚动与文档 - 事件节点不应该到达那里。 [我仍然不能在苹果上试试苹果]


$/document/.ready/function// {
$/".draggable"/.draggable//;
$/'body>div'/.bind/"dragstart", function/event, ui/{
event.stopPropagation//;
}/;
}/;

董宝中

赞同来自:

jQuery 1.9 为你而做。

这是链接 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 ] /;
}
}/;

要回复问题请先登录注册