2012-03-17 26 views
7

किसी को भी मेरे कोड के इस बिट के साथ मदद कर सकते हैं: http://jsfiddle.net/tVzq9/2/jQuery यूआई - खींचने योग्य/ड्रॉपपेबल स्नैप पैरेंट div?

मैं div पाने के लिए कोशिश कर रहा हूँ '.boxArt' माता पिता div स्नैप करना '.drop', लेकिन एक ही तरीके से बदल जाती के रूप में (तो यह चिकनी है)। फिलहाल यह div पर गिर जाएगा लेकिन यह ठीक से फिट नहीं होगा। ड्रॉप div के लिए "सहिष्णुता: 'फिट' का उपयोग करना काम नहीं करता है क्योंकि यह बिल्कुल ठीक स्थिति में है। सहायता के लिए धन्यवाद! http://jsfiddle.net/awsFU/

droppable पर खींचने योग्य का एनीमेशन को संभालने के लिए droppable की drop event का उपयोग करें:

उत्तर

15

यहाँ एक समाधान है। ध्यान दें कि drop कॉलबैक फ़ंक्शन दो पैरामीटर प्राप्त करता है: event और uidrop कॉलबैक के अंदर ड्रैगगेबल ऑब्जेक्ट को ui पैरामीटर (ui.draggable) के माध्यम से एक्सेस किया जाता है। फिर आप खींचने योग्य और ड्रॉप करने योग्य के वर्तमान ऑफसेट से ड्रैगगेबल की नई स्थिति की गणना कर सकते हैं।

+0

धन्यवाद! अच्छी तरह से काम। :) एक और सवाल - क्या ड्रैगगेबल div वास्तव में div को स्थानांतरित कर दिया गया है ताकि यह पता लगाया जा सके? जब किसी को दूसरे पर रखा जाता है तो मैं उन्हें स्थानांतरित करना चाहता हूं। क्या यह संभव होगा? एक बार फिर धन्यवाद। –

+2

यदि आप फ़ायरबग की तरह कुछ उपयोग करते हैं, तो आप देखेंगे कि 'div' को HTML में नहीं ले जाया गया है - केवल उनकी शैली को उनकी स्थिति में बदलाव करने के लिए बदला गया है। आप जो करना चाहते हैं, उसके लिए आपको शायद अन्य ड्रैगगेबल की स्थिति की जांच करनी होगी और जब पहले ड्रैगगेबल को उसी स्थान पर गिरा दिया जाता है तो इसे स्थानांतरित करना होगा। –

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