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

时间:2011-02-10 14:59:22

标签: jquery jquery-ui drag-and-drop jquery-ui-sortable

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

这是我的项目:

我有几个相互连接的可排序列表(使用sortable的connectWith属性),填充了portlet。

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

任何人都可以帮助我吗? (如果您对某些可能不太清楚的问题有疑问,请不要犹豫)

由于

1 个答案:

答案 0 :(得分:1)

您是否曾尝试使用可放置的div作为可排序li的接收者? Imho它应该工作。

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

此致