jQuery перетаскиваемая / сбрасываемая проблема - PullRequest
Новая
       9

jQuery перетаскиваемая / сбрасываемая проблема

0 голосов
/ 29 апреля 2011

Я пытался реализовать какой-то простой перетаскиваемый / сбрасываемый код (ссылка ниже), но безуспешно.Элементы перетаскиваются, возвращаются и остаются в контейнере.Тем не менее, при падении в область перетаскивания элемент выдает предупреждение, как и должно, но тогда он больше не перетаскивается.

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

Я пропускаю что-то очевидное?Все, что я нашел, выглядело так, как будто это было довольно просто и просто для реализации.

Я искал и пробовал несколько вещей, но мне не повезло.

http://jsfiddle.net/ySa3h/2/

<div class="build_board_text" id="build_board_text">

    <div id="src_landscape_8-5x11">

        <div id="draggable_1" class="draggable_item">
            <br />Text 1.
        </div>
        <div id="draggable_2" class="draggable_item">
            <br />Text 2.
        </div>
    </div><!-- source list -->
    <div id="dst_landscape_8-5x11">&nbsp;</div><!-- destination list -->

</div

$(function() {
    $('div', $('#src_landscape_8-5x11')).draggable({
        revert: 'invalid',
        containment: '#build_board_text'
    });
    $('#dst_landscape_8-5x11').droppable({
        accept: '#src_landscape_8-5x11 > div',
        drop: function() {
            alert('Dropped!');
        }
    });
    $('#src_landscape_8-5x11').droppable({
        accept: '#dst_landscape_8-5x11 div',
        drop: function() {
            alert('Dropped back!');
        }
    });
});

1 Ответ

0 голосов
/ 29 апреля 2011

Не совсем уверен, почему, но если вы удалите position:relative из #dst_landscape_8-5x11, тогда это сработает.

РЕДАКТИРОВАТЬ: Кроме того, измените ваш источник на 2-й, чтобы соответствовать первому: 

$('#src_landscape_8-5x11').droppable({
        accept: '#src_landscape_8-5x11 div',...

Предметы происходят из src_..., поэтому они всегда считаются частью того, что кажется.

...