Question

任何人都可以通过使用angularjs拖拽和重新排序div的简单示例来帮助我吗？

<div id="abc" style = width:20px;height:20px; background:red>
     ABC
</div>
<div id="xyz" style = width:20px;height:20px;background:blue>
     XYZ
</div>

这是2个水平方格..我想拖动并交换它们的位置。如果我在蓝色框位置拖动红色框，则应将蓝色方框移至红色位置。可以用angularjs完成吗？我看过一些列表重新排序的例子但很难理解。如果有人能给我一些简单的例子，那将非常有帮助。
谢谢。

Answer 1

使用拖放插件怎么样（它还适用于调整大小）？我想这会简化你的问题。

这个就像一个魅力：Gridster

示例：

<div class="gridster">
    <ul>
        <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
            <div id="abc" style = width:20px;height:20px; background:red>
                ABC
            </div>
        </li>
        <li data-row="2" data-col="1" data-sizex="1" data-sizey="1">
            <div id="xyz" style = width:20px;height:20px;background:blue>
                XYZ
           </div>
        </li>
    </ul>
</div>

angularjs拖动和排序div

1 个答案: