jQuery और एचटीएमएल 5 खींचें और ड्रॉप (शेड्यूलर) में ड्रॉप

Question

मैं jsfiddle.net का उपयोग कर रहा हूं ताकि शेड्यूलर को आज़माकर प्रोटोटाइप किया जा सके जहां वस्तुओं को निर्धारित किया जा सके और इसमें गिरा दिया गया हो। मुझे एक "असाइन किए गए" सूची से ड्रैगिंग और ड्रॉप करना और शेड्यूल टेबल पर काम करना पड़ा है। मुझे काम करने वाली शेड्यूल टेबल से निकालने की क्षमता भी मिली है। मुझे अपने सिर को लपेटने में मुश्किल समय हो रहा है, तालिका में किसी आइटम को तालिका के दूसरे हिस्से में ले जा रहा है।

फिडल here स्थित है। मैं आंतरिक ड्रैग प्राप्त करने और काम पर छोड़ने के किसी भी सुझाव की सराहना करता हूं। मैं पूरे दिन इस पर काम कर रहा हूं और मुझे धुंधली दृष्टि मिल रही है। ओह, और हर तरह से अगर आपको लगता है कि मैं क्या कर रहा हूं तो बेहतर किया जा सकता है, कृपया बदलाव करें, बस मुझे बताएं कि पहेली किस संस्करण पर है।

अद्यतन

प्रति @SMathew और @darksky मैं पूरी बेला, जहां मैं नहीं सीधे चारों ओर तालिका सेल स्थानांतरण कर रहा हूँ पुन: बनाया है के रूप में, लेकिन इसके बजाय अपनी सामग्री।

मैं जानता हूँ कि तुम लोग div रों और/या span रों उपयोग करने की सिफारिश, लेकिन मैं 30 मिनट के हिसाब से बढ़ने वाले सेल की ऊंचाई को नामित करने तालिका की संरचना, विशेष रूप से rowspan उपयोग करना चाहते हैं। यह अब बहुत बेहतर काम करता है, केवल एक ही बग सेल (या उनकी सामग्री को मोर्सो) के चारों ओर ले जा रहा है क्योंकि मुझे स्रोत साइट पर rowspan से प्रभावित कोशिकाओं को पुनर्स्थापित करना है और उन कोशिकाओं को हटा देना है जो rowspan के साथ लक्षित साइट पर संघर्ष करेंगे ।

अद्यतन फिडल here पाया जा सकता है।

अद्यतन 2 (अंतिम)

तो, मैं वापस ड्राइंग बोर्ड करने के लिए फिर से चला गया, और 64 fiddles के बाद, मैं अंत में मैं क्या चाहते करने के लिए समझ में आ गया। अंत में, मेज की संरचना में हेरफेर किए बिना सब कुछ ठीक काम करने के लिए चाल। मुझे बस इतना करना था कि display: hidden पर रोशनी के रास्ते में मौजूद कोशिकाएं हों।

वैसे भी, रुचि रखने वाले किसी भी व्यक्ति के लिए, नया पहेली here है। मैंने पाया कि क्रोम में एपीआई को संभालने में कुछ समस्याएं हैं। मैंने उन्हें पहेली में देखा है (आंशिक रान के साथ)।

Answer 1

समस्या यह है कि आप टीडी तत्वों को खींचने योग्य बनाने की कोशिश कर रहे हैं। जब आप उस तालिका से टीडी तत्वों को हटा/डालेंगे, तो आपको इसे संतुलित करने के लिए रिक्त कक्षों का एक गुच्छा बनाना होगा। मैं सुझाव दूंगा कि टेबल को बरकरार रखें और ड्रैग करने योग्य तत्वों को एक div या span टैग में लपेटें। इस तरह टेबल संरचना कभी नहीं बदलती है। आपका कोड भी बहुत आसान और कुशल होगा।