Сортируемые эффекты JQuery - PullRequest
Новая
       10

Сортируемые эффекты JQuery

1 голос
/ 17 августа 2010

У меня 9 страниц (div) на странице.Я могу перемещать их в разные позиции, в виде сетки.

Итак, основные функции сортировки в порядке =)

Но у меня есть пара вопросов:

Что если мои ящики будут различаться по ширине?Что они могут сделать, если изменить ширину (1/3, 2/3 и 3/3).Можно ли по-прежнему иметь одну ячейку 2/3 и 1/3 в одной строке, но в другой колонке?А как насчет выделения заполнителя?

Почему я не могу переместить поле в пустое "ul"?Я не могу увидеть заполнитель или переместить поле в пустой столбец?Это должно сработать?

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

Мой текущий код: 

<script type="text/javascript">
    $(function() {
        $("ul.connectedSortable").sortable({handle:'.kpiValueContainer'});
        $("ul.connectedSortable").sortable({connectWith:'ul'});
        $("ul.connectedSortable").sortable({placeholder:'ui-state-highlight'});
    });
</script>

1 Ответ

2 голосов
/ 17 августа 2010

Есть несколько проблем, которые я вижу в вашем сценарии.Вы создаете сортируемую 3 раза.Просто поместите все параметры в одну строку кода. 

<script type="text/javascript"> 
    $(function() { 
        $("ul.connectedSortable").sortable({handle:'.kpiValueContainer', connectWith:'trysomethingelse', placeholder:'ui-state-highlight', revert: true});
    }); 
</script>

Вторая проблема, которую я вижу, это ваше свойство connectWith.Он слишком широк и также будет применяться к вашему ul.connectedSortable.Я бы предпочел использовать что-то более конкретное, например, идентификатор или класс.

Для облегчения рассмотрим вариант revert .

...