javascript - jQuery UI sortable w/ list padding -- cannot drop over number -
html
& lt; ol id = "input- L8YFwLZvwNZ4 "class =" infinitext-lis "& gt; & Lt; li & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [0 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [0] [आदेश]" & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [1 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [1] [आदेश]" & gt; & Lt; / li & gt; ... & lt; / ol & gt;
जे एस
$ ('# input-l8YFwLZvwNZ4')। Sortable ();
जब आप सूची में से किसी एक वस्तु को नंबर से पकड़ लेते हैं और दूसरे सूची नंबरों के ऊपर से ऊपर या नीचे खींचते हैं, तो वे स्थानांतरित नहीं होते हैं और आपको सूची को छोड़ने की अनुमति नहीं देते हैं वहाँ आइटम आपको एक आइटम चुनना है, अपना माउस सही पर ले जाएं और इसके बजाए टेक्स्ट बॉक्स में से एक को छोड़ दें।
क्या यह तय करने का कोई तरीका है?
इस बेला पर एक नज़र डालें:
क्रमबद्ध सूची के साथ क्रमबद्ध सूची में कुछ समस्या है, इसलिए मैंने इसे बदल दिया है टैग और सभी ठीक काम कर रहे हैं।
$ ('# input2')। एचटीएमएल कॉन्सर्ट प्रिंट-ओवरराइड "> & lt; ul id =" input2 "class =" infinitext-lis "& gt; & Lt; li & gt; 1। & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [0 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [0] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; 2 & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [1 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [1] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; 3 & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [4 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [4] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li & gt; 4। & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [2 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [2] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; 5 & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [5 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [5] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li & gt; 6। & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [6 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "जवाब [6] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; 7 & Lt; इनपुट प्रकार = "पाठ" नाम = "उत्तर [3 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [3] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li वर्ग = "" & gt; 8 & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [7 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [7] [आदेश]" / & gt; & Lt; / li & gt; & Lt; li & gt; 9। & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "उत्तर [8 [पाठ]" शैली = "चौड़ाई: 275 पीएक्स" वर्ग = "अनंत-पाठ" / & gt; & Lt; इनपुट प्रकार = "छिपा हुआ" नाम = "उत्तर [8] [आदेश]" / & gt; & Lt; / li & gt; & Lt; / ul & gt;
Comments
Post a Comment