Q

ipad拖放

jquery
ipad

2010-07-19 40 views 12 likes

12

我需要實現Ipad的拖放操作。ipad拖放

我試過這個解決方案： http://www.gotproject.com/blog/post2.html

但由於我使用JQuery我自己，它的衝突和不工作。

我該如何使用JQuery對iPad進行拖放操作？

2010-07-19 Dejell

A

回答

5

如果您不使用jQuery UI，請使用我創建的https://github.com/mikeangstadt/jquery-ui-touch-punch.git的叉子通過觸發已定義的鼠標事件來使用jQuery掛接觸摸處理函數。

在iOS6上運行良好，尚未經過Android或其他測試。

2013-01-30 20:40:16

2

蘋果有一段名爲「處理多點觸摸事件」在這裏：https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/multitouch_background/multitouch_background.html

這是你如何能幾乎所有的觸摸事件的處理與標準控制和手勢識別UIKit中的蘋果官方指南。

2010-07-20 19:49:42

3

這看起來不錯。

http://popdevelop.com/2010/08/touching-the-web/

2011-03-22 03:01:15

18

工作：

首先，對於拖動使用jQuery UI http://jqueryui.com/demos/和拖放功能

然後添加這個腳本https://github.com/furf/jquery-ui-touch-punch在iPad或iPhone上播放。

希望它有幫助。

2012-01-13 18:21:57

+1

感謝，正是我需要的。 – cgTag 2012-07-12 20:26:15

+0

不幸的是，如果您有很多可拖動的元素，則會禁用滾動功能... – tmaximini 2012-08-16 09:03:31

2

確認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上以及在桌面上的鉻。

2012-03-08 21:32:18 doctorme

0

我有一個修復的工作對這個問題檢查我的github：https://github.com/youryss/fixdragtablet

我希望它爲你工作

2014-01-21 00:49:31 Youry

+1

請在您的答案中包含代碼。我們很懶，不喜歡點擊鏈接。 – mhlester 2014-01-21 01:53:21

+0

我不能發佈整個代碼cus它是一個混合的解決方案：/但看看我認爲它會爲你工作:)，我在這裏提問 – Youry 2014-01-21 23:52:20

相關問題