jQuery Сортируемый + Отбрасываемый.После сброса мой LI оказывается внутри другого LI.

Question

Это мой код для перетаскивания, подключенного к сортируемому.Дело в том, что я создаю LI с кучей атрибутов.НО когда я перетаскиваю элемент в удаляемый элемент div, сортируемый элемент создает новый тег li и оборачивает им созданный мной li.

Это выглядит примерно так:

<ul>
<li class="ui-draggable" style="display: list-item;">
    <li class="X" onclick="myFunc()"> My LI</li>
<li>
</ul>

Хотя мое намерение состоит в том, чтобы иметь что-то вроде этого:

<ul>
    <li class="X" onclick="myFunc()"> My LI</li>
</ul>

Так как мне это сделать?

И код:

$(document).ready(function() {

$('.draggable_text > li').draggable({
    helper: function(event, ui) {
        return '<div class="placeholder_sortable">&nbsp</div>'
    },
    connectToSortable:'#stagerows'
});

$('#stagerows').sortable({
    handle: '.drag_handle',
    placeholder: 'placeholder_sortable'
});

/**
 * When item is dropped from the Add <Stuff>
 */
$('#stagerows').droppable({
    drop: function(event, ui){
        return ui.draggable.html('<li class="X" onclick="myFunc()"> My LI</li>')
    }
});

});

Answer 1

Попробуйте использовать это:

$('#stagerows').droppable({
    drop: function(event, ui){
        return ui.draggable.html('My LI').addClass('X').click( myFunc );
    }
});