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

謝謝馬克，

我可以使用Draggable和Droppable在jQuery中使用它。

使用菜單項ID，我可以使菜單項可拖動，但仍不能通過使用還原選項將其移動。

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

在菜單下方的區域中，我做了一個可放置部分。 使用“放置”事件處理程序，可以將可拖動項放到可放置項中時觸發一些操作。

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