jQuery перетащите, чтобы показать скрытые ячейки

0

Можно ли это сделать в jQuery или любом другом инструменте? У меня есть главное меню с вкладками. При нажатии на вкладку страница загружается ниже верхнего меню. Я хочу перетащить вкладку меню в раздел под меню. Это не должно перемещать вкладку, но она должна запускать функцию, которую я могу использовать для управления html.

Благодарю!

2 ответа

0
Лучший ответ

Спасибо, Марк,

Я работал с jQuery с помощью draggable и droppable.

Используя идентификатор элемента меню, я могу сделать manu itmes перетаскиваемым и все еще не перемещать их, используя опцию возврата.

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

В области под меню я сделал разделяемый раздел. Используя обработчик событий "drop", я могу устранить некоторые действия, когда перетаскиваемый элемент будет сброшен в элемент с возможностью удаления.

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

Да, есть плагины, которые предлагают эту функциональность, я думаю, что большинство плагинов jQuery для перетаскивания имеют собственную функцию обратного вызова, которая запускается после завершения перетаскивания. Список jQuery DragSort - это плагин, который я использовал в моем проекте раньше, легкий и простой в использовании.

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

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню