我需要实现Ipad的拖放操作。ipad拖放
我试过这个解决方案: http://www.gotproject.com/blog/post2.html
但由于我使用JQuery我自己,它的冲突和不工作。
我该如何使用JQuery对iPad进行拖放操作?
我需要实现Ipad的拖放操作。ipad拖放
我试过这个解决方案: http://www.gotproject.com/blog/post2.html
但由于我使用JQuery我自己,它的冲突和不工作。
我该如何使用JQuery对iPad进行拖放操作?
如果您不使用jQuery UI,请使用我创建的https://github.com/mikeangstadt/jquery-ui-touch-punch.git的叉子通过触发已定义的鼠标事件来使用jQuery挂接触摸处理函数。
在iOS6上运行良好,尚未经过Android或其他测试。
苹果有一段名为“处理多点触摸事件”在这里:https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/multitouch_background/multitouch_background.html
这是你如何能几乎所有的触摸事件的处理与标准控制和手势识别UIKit中的苹果官方指南。
工作:
首先,对于拖动使用jQuery UI http://jqueryui.com/demos/和拖放功能
然后添加这个脚本https://github.com/furf/jquery-ui-touch-punch在iPad或iPhone上播放。
希望它有帮助。
确认furf的jquery-ui-touch-punch适用于iPad。
在包含jquery-ui和jquery本身之后,让它起作用就像包含“jquery.ui.touch-punch.js”一样简单。例如:
HTML:
<head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<!-- touch capability for tablets/phones -->
<script type="text/javascript" src="js/jquery.ui.touch-punch.js"></script>
</head>
的Javascript:
//
// assume that html_string is a valid string
// containing some element you want to be draggable
// which needs to be added to the DOM
//
function addItemToUIList (list, html_string) {
var item = $(list).append (html_string);
// now, using jqui and touch-punch, we can make it draggable
item.draggable();
}
现在, “项目”,可以在屏幕上拖动在iPad上以及在桌面上的铬。
我有一个修复的工作对这个问题检查我的github:https://github.com/youryss/fixdragtablet
我希望它为你工作
感谢,正是我需要的。 – cgTag 2012-07-12 20:26:15
不幸的是,如果您有很多可拖动的元素,则会禁用滚动功能... – tmaximini 2012-08-16 09:03:31