javascript - mootools 排序列表

Question

你好，我想在 mootools 中对一个列表进行排序，如下所示

一些数据在这里 一些数据在这里 一些数据在这里 一些数据在这里 一些数据在这里 一些数据在这里

它正在使用 css 的 FLOAT:LEFT 属性并固定宽度，所以它看起来像

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

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

如果我想排序为第 4 项与第 1 项互换，第 2 项与第 6 项互换，第 3 项与第 5 项互换 你能指导我该怎么做吗？在运行时使用 Mootools! 这个变化需要来自 php 数组，即需要是动态的。请帮助我学习这个

Answer 1

<罢工> 你好。这是您想要的示例: http://jsfiddle.net/YJugE/2/

与mootools demo的主要区别是使用列表排序，而不是一组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 不支持您尝试做的设置。在 Fx.Sort 的 Doc 页面上，唯一支持的样式是 Horizo​​ntal 和 Vertical，它们都不适合您要执行的操作