Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
其他jQuery可排序列表的提供程序列表_Jquery_Jquery Ui_Drag And Drop_Jquery Ui Sortable - Fatal编程技术网

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

其他jQuery可排序列表的提供程序列表,jquery,jquery-ui,drag-and-drop,jquery-ui-sortable,Jquery,Jquery Ui,Drag And Drop,Jquery Ui Sortable,我正在尝试使用jQueryUI开发一种类似NetVibes的门户,我想知道是否可以添加我的想法 这是我的项目: 我有几个相互连接的可排序列表(使用sortable的connectWith属性),其中填充了Portlet 我想列出一个可用的portlet列表,用户可以使用拖放操作将其添加到门户中。但问题是,我不想使用另一个可排序列表,因为提供者列表将使用各种类别和效果显示。关键是,用户只能移动它们以将它们添加到门户,否则它们将恢复到以前的位置。基本上,我认为这只是关于使用可拖动和可拖放功能,但我对

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

这是我的项目:

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

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

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


谢谢

您是否尝试使用可拖放的
div
作为可排序
li
s的接收器?我不知道该怎么做

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

您好,

因为只有您回答,所以我给了您赏金:p