javascript - jqueryのsortbableイベント

Question

私は2つのリストを持っています。1つはドラッグゲイルで、もう1つはソート可能です。アイテムをドラッグ可能アイテムからソート可能アイテムに移動すると、スパンとスパンXマークが表示されます。しかし、問題は、後で並べ替え可能なアイテムでアイテムを並べ替えると、もう一度xを受け取ることです。次に、アイテム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>');
            }
        }
    });
});