我正在尝试使用jQuery UI开发一种类似NetVibes的门户,我想知道我是否可以添加一个想法。
这是我的项目:
我有几个相互连接的可排序列表(使用sortable的connectWith属性),填充了portlet。
我想使用拖放动作制作用户可以添加到门户网站的可用portlet列表。但问题是,我不想使用另一个可排序列表,因为提供者列表将使用各种类别和效果显示。关键是用户只能移动它们以将它们添加到门户网站,否则它们将恢复到之前的位置。基本上,我认为它只是使用可拖动和可放置的功能,但我不是很熟悉它们。
任何人都可以帮助我吗? (如果您对某些可能不太清楚的问题有疑问,请不要犹豫)
由于
答案 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!');
}
});
此致