Jqueryui перетаскивается между разделами макета Jquery

Вот jsfiddle из того, что я пытаюсь сделать

http://jsfiddle.net/YSBGu/

           $( ".dragcomp" ).draggable({
                cursorAt: {
                    left: 0
                },
                zIndex: 300,
                revert: "invalid",
                helper: "clone",
                distance: 10

            });

Вы заметите, что при попытке перетащить div в левом столбце в средний раздел он остается в ловушке в левом и просто прокручивает его. Может ли кто-нибудь помочь мне решить эту проблему?

Источник

1 ответ

Решение

Вы можете указать опцию appendTo, чтобы переписать вспомогательный элемент под предком вашей структуры панели (например, <body> сам элемент):

$(".dragcomp").draggable({
    appendTo: "body",
    cursorAt: {
        left: 0
    },
    zIndex: 300,
    revert: "invalid",
    helper: "clone",
    distance: 10
});

Вы найдете обновленную скрипку здесь.

Источник
Другие вопросы по тегам