Question

我有一个可排序的列表和一些可拖动的元素，我用jquery-ui创建。我想将可拖动元素拖到可排序列表中，因此将其添加到最后一个。我使用了＆＃34; connectToSortable＆＃34;选项但是当我将元素拖到可排序列表上时没有发生任何事情..是否存在某种限制？

可拖动元素是＆＃34; td＆＃34;表格和可排序的元素是＆＃34; li＆＃34;列表。

Answer 1

检查此演示：http://jsfiddle.net/yeyene/7fEQs/203/

我尝试使用draggable元素是表的“td”，可排序的元素是列表的“li”。

JQUERY

$(function() {
    $( "#draggable td" ).draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });

    $( "#sortable" ).sortable({
        revert: true,
        receive: function(event, ui) {
            var html = [];
            $(this).find('td').each(function() {
                html.push('<li>'+$(this).html()+'</li>');
            });
            $(this).find('td').replaceWith(html.join(''));
        }
    });
});

jQuery-ui draggable不适合可排序列表

1 个答案:

JQUERY