MooTools вроде списка

Question

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

В нем используется свойство FLOAT: LEFT css и фиксированной ширины, поэтому оно выглядит как

__________    ___________       __________
|ITEM  1 |    |   Item2  |      |Item 3   |
|________|    |__________|      |_________|

__________    ___________       __________
|ITEM  4 |    |   Item5  |      |Item 6   |
|________|    |__________|      |_________|

Если я хочу отсортировать как 4-й элемент, чередуется с элементом1 и пункт 2 с пунктом 6 и пункт 3 с пунктом 5 Можете ли вы указать мне, как мне это сделать?Использование Mootools в RUntime!и это изменение должно исходить из массива php, т.е. должно быть динамическим. Пожалуйста, помогите мне узнать это

Answer 1

Привет.Вот пример того, что вы хотите: http://jsfiddle.net/YJugE/2/

Основное отличие от демонстрации mootools заключается в использовании списка для сортировки, а не набора элементов div *

<div id="container">
    <ul>
        <li class="red sort">red</li>
        <li class="red sort">red</li>
        <li class="red sort">red</li>
        <li class="red sort">red</li>
        <li class="red sort">red</li>
        <li class="red sort">red</li>    
    </ul>
</div>

Вы можете получить набор div для работы так, как вам хочется, но вам придется выполнять намного больше работы css

Насколько я могускажите, Mootools не поддерживает настройку, как вы пытаетесь сделать.На странице Doc для Fx.Sort единственными поддерживаемыми стилями являются горизонтальный и вертикальный, ни один из которых для того, что вы пытаетесь сделать

Answer 2

Я играл с элементами обмена ранее, вот jsfiddle, который может дать вам идеи:

http://jsfiddle.net/dimitar/ZwMUH/

в двух словах - если вы игнорируете сторону Fx:

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

вот и все. прототип для замены двух элементов массива:

Array.implement({
    swap: function(x, y) {
        var t = this[x];
        this[x] = this[y];
        this[y] = t;
        return this;
    }
});

остальное зависит от вас.