मैं एक div में आइटम जोड़ रहा हूं जो एक द्वारा खींचा गया हैअन्य div अब मैं चाहता हूं कि जब आइटम चयनित आइटम div से खींचा जाता है यदि वह उसी div में है तो वह वापस आ जाता है या सॉर्ट किया जाता है लेकिन यदि हम चयनित आइटम div से ड्रैग करते हैं और कुछ और जहां से छोड़ते हैं तो वह चयनित आइटम div से भी हटता है
मूल रूप से मैं एक आइटम का चयन करने के बाद हटाने का विकल्प जोड़ना चाहता हूं
बेहतर समझ के लिए यह है jsfiddle
$(document).ready(function(){
items = $("#items");
selection = $("#selection");
// selected items is sortable also
selection.sortable({
item: "li",
containment: "document"
});
//above div dragable
$("#items li").draggable({
revert: "invalid",
containment: "document",
appendTo: "body",
helper: "clone"
});
//below div dropable
selection.droppable({
accept: ":not(.ui-sortable-helper)",
drop: function( event, ui ) {
$( "<li class="sortable-item" data-name=""+ui.draggable.attr("data-name")+""></li>" ).text( ui.draggable.text() ).appendTo(selection);
}
}).sortable({
items: "li",
containment: "document"
});
});
उत्तर:
जवाब के लिए 0 № 1मुझे लगता है कि आप क्या चाहते हैं। आप चयनित से एक नया ली बना रहे थे। मुझे लगता है कि आप इसे अलग करना चाहते हैं और इसे नीचे के विभाग में जोड़ना चाहते हैं। यहां तक कि अगर आपके पास तत्व से जुड़ा डेटा है, तो आप इसे रखेंगे और आपको डेटा-नाम की समस्याओं के बारे में चिंता करने की ज़रूरत नहीं है।
//below div dropable
selection.droppable({
accept: ":not(.ui-sortable-helper)",
drop: function( event, ui ) {
$(ui.draggable).detach().appendTo(selection);
}
}).sortable({
items: "li",
containment: "document"
});