jQuery sortable + القابلة للإصلاح. بعد التسرب، ملفوف لي لي داخل لي آخر

Question

هذا هو رمزي للتغذية المتصلة برفع. الشيء هو، أنا أخلق لي مع مجموعة من السمات. ولكن عندما أسحب عنصرا إلى DIV القابل للتنفيذ، فإن Sortable ينشئ علامة 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 );
    }
});