2010-07-19 21 views
12

मुझे आईपैड के लिए ड्रैग और ड्रॉप को लागू करने की आवश्यकता है।आईपैड ड्रैग और ड्रॉप

मैं इस समाधान की कोशिश की: http://www.gotproject.com/blog/post2.html

लेकिन चूंकि मैं JQuery अपने आप का उपयोग कर रहा है, यह विरोध करता है और काम नहीं करता।

मैं JQuery ड्रैग का उपयोग कैसे कर सकता हूं और आईपैड के लिए ड्रॉप कर सकता हूं?

उत्तर

5

यदि आप jQuery UI का उपयोग नहीं कर रहे हैं, तो पहले से परिभाषित माउस ईवेंट को फायर करके jQuery का उपयोग करके स्पर्श हैंडलर के हुक अप करने के लिए मैंने https://github.com/mikeangstadt/jquery-ui-touch-punch.git बनाया था।

आईओएस 6 पर अच्छी तरह से काम करता है, एंड्रॉइड या अन्य के लिए परीक्षण नहीं किया है।

2

एप्पल एक धारा है, जिसे "हैंडलिंग मल्टी टच घटनाक्रम" यहाँ: https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/multitouch_background/multitouch_background.html

यह कैसे आप मानक नियंत्रण और UIKit में इशारा recognizers के साथ अपने स्पर्श घटनाओं के लगभग सभी संभाल कर सकते हैं पर सरकारी एप्पल गाइड है।

18

कार्य:

सबसे पहले, खींचें के लिए उपयोग jQuery यूआई http://jqueryui.com/demos/ और ड्रॉप कार्यक्षमता

और फिर iPad या iPhone में यह खेलने के लिए इस स्क्रिप्ट https://github.com/furf/jquery-ui-touch-punch जोड़ें।

उम्मीद है कि यह मदद करता है।

+1

धन्यवाद काम करता है, मैं वास्तव में क्या जरूरत है। – cgTag

+0

दुर्भाग्य से यह स्क्रॉल कार्यक्षमता को अक्षम कर देता है यदि आपके पास बहुत सारे ड्रैग करने योग्य तत्व हैं ... – tmaximini

2

ने पुष्टि की कि फ़ुरफ की jquery-ui-touch-पंच आईपैड पर काम करता है।

इसे काम करने के लिए प्राप्त करना आपके पास 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> 

जावास्क्रिप्ट:

// 
// 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 पर और साथ ही डेस्कटॉप पर क्रोम में स्क्रीन पर चारों ओर खींचा जा सकता है।

0

मैं इस मुद्दे पर एक फिक्स पर काम किया है मेरे GitHub की जाँच करें: https://github.com/youryss/fixdragtablet

मुझे आशा है कि आप इसके लिए

+1

कृपया अपने उत्तर में कोड शामिल करें। हम आलसी हैं और लिंक पर क्लिक करना पसंद नहीं करते हैं। – mhlester

+0

मैं पूरे कोड को पोस्ट नहीं कर सकता, यह समाधानों का मिश्रण है:/लेकिन एक नज़र डालें, मुझे लगता है कि यह आपके लिए काम करेगा :), मैं यहां प्रश्नों के लिए काम करता हूं – Youry

संबंधित मुद्दे