jQuery-UI перетаскиваемый и сортируемый - PullRequest
Новая
       31

jQuery-UI перетаскиваемый и сортируемый

3 голосов
/ 20 октября 2011

Итак, я работал с этим примером: http://jqueryui.com/demos/draggable/#sortable и выполнил его на своем продукте.Однако я хочу внести два существенных изменения:

  1. Я не хочу, чтобы второй список (в моем примере, toList) мог сортироваться сам по себе.Я только хочу, чтобы он принимал элементы из первого списка (в моем примере fromList).

  2. Когда пользователь перетаскивает элемент из первого списка (из списка) и помещает его во второй список(toList) Я хочу, чтобы этот элемент был перенесен вниз.

Предложения?Вот рабочая скрипка того, что я имею до сих пор.http://jsfiddle.net/CrtFD/

Ответы [ 2 ]

2 голосов
/ 20 октября 2011

Попробуйте использовать droppable для вашего списка:

РЕДАКТИРОВАТЬ: В комментариях ниже:

http://jsfiddle.net/abzYK/

jQuery(document).ready(function(){
    jQuery("#fromList li").draggable('destroy').draggable({
        connectToSortable: "#toList",
        revert: "invalid",
        containment: '#equipCont',
        helper: function(e, ui) {
            return jQuery(this).clone().css('width', jQuery(this).width());
        }
    });
    jQuery("#toList").droppable('destroy').droppable({
        drop: function(e, ui) {
            var dragClone = jQuery(ui.draggable).clone();
            jQuery("#toList").append(dragClone);
        }
    });
    jQuery("ul, li").disableSelection();
});
​
0 голосов
/ 20 октября 2011

Вы хотите, чтобы ваш список был сбрасываемым, а не сортируемым. Этот пример, кажется, описывает то, что вы пытаетесь выполнить: http://jqueryui.com/demos/droppable/#shopping-cart

...