jQuery拖放以显示隐藏的单元格

Question

这可以在jQuery或任何其他工具中完成吗？我有一个带标签的顶级菜单。单击选项卡时，页面将加载到顶部菜单下方。我想将菜单选项卡拖到菜单下方的部分。这不应该移动选项卡，但它应该触发一个我可以用来操作html的函数。

谢谢！

Answer 1

是的，有插件提供此功能，我认为大多数拖放jQuery插件都有自己的回调函数，一旦拖放完成就会触发。 jQuery List DragSort是我之前在项目中使用的插件，它重量轻且易于使用。

$("menu").dragsort({dragEnd: showHiddenCells }); 

function showHiddenCells() {
//triggers after the user drops the element
}

Answer 2

谢谢Mark，

我使用draggable和droppable来使用jQuery。

使用菜单项ID我可以使manu itmes可拖动，但仍然不能使用revert选项移动它们。

$( "#menuItem1" )
    .draggable( { revert: true, helper: "clone" } );

在菜单下方的区域，我制作了一个可放置的部分。使用“drop”事件处理程序，当可拖动项目被放入droppable项目时，我可以触发一些操作。

  $('#dropArea').droppable({ 
      drop: function( event, ui ) {
        do something here;
      }
    });