jQuery перетащить и вызвать функцию

Question

У меня есть таблица игр, выложенная в сетке, и я хочу перетащить любой квадрат в другой квадрат и вызвать функцию. Игровые квадраты должны иметь идентификатор, соответствующий игре, которую они представляют (или содержать div с этим идентификатором).

Я хочу перетащить любую ячейку таблицы в любую другую ячейку таблицы и вызвать действие ajax с обоими номерами идентификаторов, чтобы я мог поменять местами игровые бронирования.

Я не знаю, с чего начать, и не могу найти ничего близкого.

Answer 1

Да, у меня есть как, но это не показывает, как извлечь номер идентификатора из каждого элемента.

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

    <table><tr><td id="cell_1"></td><td id="cell_2"></td></tr></table>

Просто установите ячейки как перетаскиваемые и сбрасываемые с этим в событии сброса:

    $('td').draggable().droppable({
            drop: function(event, ui) {
                    var dragged_id = ui.draggable.attr('id'); // cell that was dragged
                    var dropped_id = $(this).attr('id'); // cell dropped into
                    $.ajax(...);
            }
    });