Fatal编程技术网

Jquery ipad拖放

jquery ipad

Jquery ipad拖放,jquery,ipad,Jquery,Ipad,我需要为Ipad实现拖放功能 我尝试了这个解决方案： 但是，由于我自己使用JQuery，它会发生冲突并且不起作用 如何在IPad上使用JQuery拖放功能？苹果在这里有一个名为“处理多点触摸事件”的部分： 这是苹果的官方指南，介绍了如何使用UIKit中的标准控件和手势识别器处理几乎所有的触摸事件。这看起来不错 工作： 首先，使用jqueryui实现拖放功能 然后添加此脚本，以便在Ipad或Iphone中播放 希望有帮助。证实furf的jquery ui touch punch在iPad上可以正

我需要为Ipad实现拖放功能

我尝试了这个解决方案：

但是，由于我自己使用JQuery，它会发生冲突并且不起作用

如何在IPad上使用JQuery拖放功能？

苹果在这里有一个名为“处理多点触摸事件”的部分：

这是苹果的官方指南，介绍了如何使用UIKit中的标准控件和手势识别器处理几乎所有的触摸事件。

这看起来不错

工作：

首先，使用jqueryui实现拖放功能

然后添加此脚本，以便在Ipad或Iphone中播放

希望有帮助。

证实furf的jquery ui touch punch在iPad上可以正常工作

在包含jquery ui和jquery本身之后，让它工作起来就像包含“jquery.ui.touch punch.js”一样简单。例如：

HTML:

现在“项目”可以在ipad的屏幕上拖动，也可以在桌面的chrome中拖动。

如果您没有使用jQuery UI，请使用我创建的fork通过触发已经定义的鼠标事件来连接touch handler的使用jQuery

在iOS6上运行良好，没有针对Android或其他系统进行测试。

我已经解决了此问题，请检查我的github：

我希望它适用于您

不幸的是，如果您有许多可拖动的元素，这会禁用滚动功能…请在您的答案中包含代码。我们很懒，不喜欢点击链接。我不能发布整个代码，因为它是多种解决方案的混合体：/但看看，我认为它对你有用：），我在这里回答问题 
<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>

//
// 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 ();
}