javascript - jquery 可排序事件

Question

我有两个列表，一个是 Draggale，另一个是可排序的。当我将项目从可拖动项目移动到可排序项目时，将接收跨度和跨度 X 标记。但问题是，当我稍后在可排序项目中对项目进行排序时，会再收到一次。然后我有类似 Item 1 XX 的东西，每次你排序新的 x （或拖动）时都会再次出现。

我怎样才能解决这个问题 ？

$(function() {
 $( ".draggable" ).draggable({ 
    helper: "clone", 
    connectToSortable: ".sortable" 
  });
 $(".sortable").sortable({
        stop: function(event, ui) {
            ui.item.html(ui.item.text()+'<span class="remove">X</span>');
        }
 });
});

Answer 1

检查span.remove物品里面没有吗？

$(function() {
    $( ".draggable" ).draggable({ 
        helper: "clone", 
        connectToSortable: ".sortable" 
    });
    $(".sortable").sortable({
        stop: function(event, ui) {
            if(!ui.item.find('span.remove').length) {
                ui.item.html(ui.item.text()+'<span class="remove">X</span>');
            }
        }
    });
});