jquery拖放 - 在兩個列表之間拖拽，如何刪除選中列表中的drop

我有一個問題，用jQuery Ui拖拽&拖放功能。jquery拖放 - 在兩個列表之間拖拽，如何刪除選中列表中的drop

我需要在下拉列表中刪除選擇<li>

我的代碼：

$("#sortable-left, #sortable-right").sortable({ 
    connectWith: ".connectedSortable" 
}).disableSelection(); 

$("#sortable-right").on("click", "li a", function() { 
$(".mdm-right-sortable li").remove(); 
});

您可以查看完整的代碼在這裏：JSFiddle

有誰知道解決的辦法？

來源

2014-07-15 Naresh UI Designer

沒有ü嘗試過這麼遠嗎？我的意思是任何小提琴展示？ –

@ArijitMukherjee是的，他做了一個嘗試..但無論如何，這個問題似乎有點不清楚。 –

顯示html？ –

您可以使用this關鍵字刪除點擊的<li>。

變化

$("#sortable-right").on("click", "li", function() { 
    $(".mdm-right-sortable li").remove(); 
});

到

$("#sortable-right").on("click", "li", function() { 
    $(this).remove(); 
});

UpdatedFiddle

更新：（按評論）

您可以刪除<li>通過點擊圖標使用closest()，如下圖所示：

$("#sortable-right").on("click", "li a", function() { 
    $(this).closest('li').remove(); 
});

來源

2014-07-15 06:19:14

感謝您的更新。請將「列出的職責」中的2個以上拖到「選定的項目」中。之後點擊「選定的項目」中的紅色框。它會刪除所有列表（li）。這是問題。我只需要刪除選定的特定列表。這可能嗎。 http://jsfiddle.net/n8AEw/5/謝謝 –

@ user3839302檢查[this]（http://jsfiddle.net/n8AEw/6/）。請不要在評論中澄清，請根據具體要求正確更新問題，以便人們理解並重視您的問題並進行投票。接受答案，如果它幫助... –

謝謝。它工作正常。多一個幫助。如果我刪除「Selected items」中的任何一個列表，刪除的列表需要添加「列出的職責」，這是可能的 –

<!DOCTYPE HTML> 
<html> 
<head> 
<style> 
#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} 
</style> 
<script> 
function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("Text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("Text"); 
    ev.target.appendChild(document.getElementById(data)); 
} 
</script> 
</head> 
<body> 

<p>Drag the W3Schools image into the rectangle:</p> 

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
<br> 
<img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag(event)" width="336" height="69" alt="your image or text is here: drag it in to the box :"> 

</body> 
</html>

來源

2014-07-15 05:01:27

我需要刪除選項。這是可能的 –

哪個選項你說,,,你的代碼中的一切可能... –

jquery拖放 - 在兩個列表之間拖拽，如何刪除選中列表中的drop

回答

相關問題