दुर्भाग्य से विधि त्रुटिपूर्ण है। अलग-अलग आकार के आइटमों के ग्रिड लेआउट के साथ क्रमबद्ध jquery का उपयोग इस व्यवहार में होगा। कारण यह है कि एचटीएमएल और सीएसएस में, आप बाईं ओर चलने वाली वस्तुओं की एक सूची बना रहे हैं, जो एक निश्चित चौड़ाई कंटेनर में लपेटने की अनुमति देते हैं, अंततः प्रभावी रूप से अनुपयोगी अंतराल छोड़ देंगे।
तथ्य यह है कि आपकी कंटेनर चौड़ाई तय की गई है, और आपके बक्से निश्चित आकार हैं, इसका मतलब है कि उन्हें स्थितिबद्ध करने का एक और तरीका प्रयास करना आसान होगा। बस सीएसएस और एचटीएमएल का उपयोग करके पूर्ण स्थिति का उपयोग करने की कोशिश करें, जैसा कि आप उन्हें शुरू में चाहते हैं, सभी रिक्त स्थानों को भरने के लिए, फिर बॉक्स को चारों ओर ले जाने के लिए जावास्क्रिप्ट के साथ प्रयोग करें।
हालांकि, मुझे संदेह है कि 'क्रमबद्ध' jQuery लाइब्रेरी पूर्ण स्थिति का उपयोग करते समय काम करेगी (मुझे स्वीकार करना होगा कि मैंने कभी इसका उपयोग नहीं किया है) पूर्ण स्थिति के साथ, यह संभावना है कि आइटम को 'रास्ते से बाहर निकलने' जब आप उन पर कुछ खींचते हैं तो समस्याग्रस्त हो जाएगा। आपको छिपे हुए divs के सेट पर परिभाषित करने की आवश्यकता हो सकती है जो आपके 'ग्रिड' के रूप में कार्य करती है - या जिन जगहों पर आप सामान छोड़ सकते हैं, और divs का एक और सेट जिसमें दृश्यमान सामान होते हैं जिन्हें आप स्थानांतरित करना चाहते हैं। JQuery ड्रैगगेबल और ड्रॉप करने योग्य एपीआई मदद करेगा, लेकिन आपको उन चीज़ों को सुनिश्चित करने के लिए बहुत अधिक कोडिंग करने की आवश्यकता होगी, जिन्हें आप 'स्नैप' स्थान पर ले जाते हैं, जिससे आप उन्हें छोड़ते समय दूसरों से बाहर निकलते हैं।
यह https://stackoverflow.com/questions/2133677/jquery-sortable-divs-replicate-bbc-home-page से संबंधित दिखता है शायद आप बीबीसी मुखपृष्ठ के स्रोत कोड की जांच कर सकते हैं। http://bbc.co.uk
स्रोत
2011-04-12 09:23:35
धन्यवाद ग्रेग करता है, तय स्तंभ चौड़ाई मेरे मुवक्किल के लिए एक विकल्प नहीं है। मैंने बीबीसी समाधानों को पहले देखा है, दुर्भाग्यवश ऐसा लगता है कि बीबीसी ने अपनी कॉलम-आधारित ड्रैग'ड्रॉप सुविधा हटा दी है? – anderssonola
सिटीफर्स्ट पर समाधान, @ Gregg-Woods के रूप में काम करने के लिए सीम सुझाता है ... [se.citifirst.com] (https://se.citifirst.com/SV/Showpage.aspx) – anderssonola