如何制作拖放式对接面板?

Rub*_*uby 12 jquery html5 jquery-ui css3

我想使用jquery的可停靠面板,其行为与Visual Studio中的行为非常相似.主要是,我只想将面板拖放到屏幕的任何一侧.不需要标签,浮动窗口和自动隐藏面板.当两个或多个面板落在同一侧时,它们应共享屏幕那一侧的空间.用户应该能够调整面板的大小.

有没有jQuery和/或jQuery UI插件可以做到这一点?或者也许是一个教程?

Kri*_*ula 6

我使用了jQuery UI Layout,它提供了除拖放之外的所有功能,因为这可以在jQuery之上使用,我们可以根据需要使用jQuery UI拖放.

jQuery UI布局

我最近发现了这个新控件,这正是需要的.

http://www.dockspawn.com/#

另一位布局经理值得一看

https://github.com/WebCabin/wcDocker

我们正在使用这个项目,这非常有帮助.

最近我发现了lobiPanel,我用它来创建一个梦幻般的门户网站.我喜欢这个.


小智 5

您可以使用Jquery UI来完成所有这些.

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

下面是我制作的拖放页面的示例.

在此输入图像描述

  • 是的,但这一般只是拖放.我问是否有人已经为jQuery创建了一个停靠面板/窗口库,这样我就不必重新发明轮子了. (2认同)