jquery - JQuery UI Draggable - 更改放置的辅助元素的 html

Question

我有一个问题，我需要在放置时更改可拖动辅助元素的 html，如下所示？有什么建议么？

        <ul id="submenu">
            <li><div class="thumb"></div></li>
            <li><div class="thumb"></div></li>                                  
        </ul>

        <ul id="sortable">
            <li></li>
        </ul>

        --------------
        --------------

    // #### DRAGGABLE ####
$(".thumb").draggable({
    helper: "clone",
    appendTo: 'body',
    connectToSortable: "ul#sortable",
    revert: "invalid",
    stop: function(event,ui) {

        -- -------------------------------- --
        -- Change html of ui.helper here ?? --
        -- -------------------------------- --

    }
});

Answer 1

您不能为可拖动元素设置 ondrop 事件。你应该在可丢弃的一面做。

$("#drop").droppable({
    drop : function(event,ui) {
         //do what you want with ui.helper
    }
});