कृपया एक JQuery प्लगइन की अनुशंसा करें जो ड्रैगगेबल तत्वों

Question

के लिए टकराव का पता लगाने को संभालती है हम Draggable JQuery UI प्लगइन का उपयोग कर रहे हैं और हमारे तत्वों के बीच ओवरलैपिंग को अस्वीकार करने की आवश्यकता है। हम खुद को कुछ टकराव का पता लगा सकते हैं लेकिन एक परीक्षण पैकेज का उपयोग करना पसंद करेंगे। कोई सुझाव?

Answer 1

गूगल मुझसे कहता है कि gameQuery, एक JQuery प्लगइन, एक "टक्कर" समारोह है: उपरोक्त पृष्ठ पर शब्द "टक्कर" के लिए

http://gamequery.onaluf.org/#manual

खोजें।

यह गूगल खोज आप अन्य विकल्पों में से एक जोड़े को दे सकते हैं:

http://www.google.com/search?q=jquery+collision+detection

Answer 2

jQuery प्लगइन की त्वरित खोज जाता:

Collidable Draggables

लग रहा है यह अभी भी जल्दी है, लेकिन हो सकता है बाहर की जाँच करने लायक हो।

Answer 3

मान लिया जाये, लेकिन मुझे लगता है कि आप यहां पाया जा सकता की आवश्यकता होगी क्या:

$.event.special.drop

यह डे ड्रॉप घटना बनाने के लिए jQuery प्रसिद्ध $ .event.special.drag उपयोग करता है। आप .bind("drop", function(event){ के तहत अपना स्वयं का जावास्क्रिप्ट कोड डाल सकते हैं इस फ़ंक्शन के अंदर यह तत्व आपके द्वारा परिभाषित कक्षा "ड्रॉप" के साथ ऑब्जेक्ट का प्रतिनिधित्व करता है और event.dragTarget वह वस्तु है जिसे खींचा जा रहा है।

उपरोक्त लिंक साइट पर अधिक दस्तावेज़। वही था जो मुझे वैसे भी चाहिए।

Answer 4

मुझे पता है कि यह प्रश्न काफी पुराना है, लेकिन शायद आपको यह उपयोगी लगेगा: हमारे Collision Check Plugin for jQuery।

विवरण जर्मन में है, लेकिन यह आत्म-व्याख्यात्मक होना चाहिए। आप या तो दो एकल तत्वों या तत्वों के सेट का उपयोग कर सकते हैं और सभी टकराव तत्वों का एक सेट वापस ले लेंगे।

Answer 5

आप jquery-collision प्लस jquery-ui-draggable-collision आज़मा सकते हैं। पूर्ण प्रकटीकरण: मैंने बस सोर्सफोर्ज पर लिखा और इसे जारी किया।

इस अनुमति देता है:

var hit_list = $("#collider").collision(".obstacle"); 

जो सभी ".obstacle" जो आपस में मिलते "#collider" की सूची है।

दूसरा अनुमति देता है:

$("#collider").draggable({ obstacle: ".obstacle" }); 

जो तुम (अन्य बातों के अलावा) देता है, एक "टक्कर" इस ​​घटना के लिए बाध्य करने के लिए:

$("#collider").bind("collision", function(event,ui){...}); 

और तुम भी सेट कर सकते हैं:

$("#collider").draggable({ obstacle: ".obstacle", preventCollision: true }); 

"# कोलाइडर" को खींचने के दौरान किसी भी ".obstacle" को ओवरलैप करने से रोकने के लिए।