其他 jQuery 可排序列表的提供者列表

Question

我正在尝试使用 jQuery UI 开发一种类似 NetVibes 的门户，我想知道是否可以添加我的想法。

这是我的项目：

我有几个相互连接的可排序列表（使用 sortable 的 connectWith 属性），其中填充了 portlet。

我想制作一个可用的 portlet 列表，用户可以使用拖放操作将其添加到门户中。但问题是，我不想使用另一个可排序的列表，因为提供者列表将使用各种类别和效果显示。关键是用户只能移动它们以将它们添加到门户，否则它们会恢复到以前的位置。基本上，我认为这只是使用可拖动和可放置的功能，但我对它们不是很熟悉。

任何人都可以帮助我吗？ （如果您对某些可能不太清楚的点有疑问，请不要犹豫）

谢谢

Answer 1

您是否尝试过使用可丢弃的div 作为可排序的lis 的接收器？恕我直言，它应该可以工作。

$( "#droppable" ).droppable({
    accept: "#sortable .some-li-class",
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {
        alert('dropped!');
    }
});

问候，