拖曳交换排序

jQuery-wDragSwap 拖曳交换排序

版本:v1.0.619
更新:2011.06.19
来源:我不忙,爱分享
下载:wdragswap.v1.0.1105.zip
说明:拖动下面小框,就可以交换位置

如何使用

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery-wdragswap.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("ul#wDragSwap>li").wDragSwap({
            undrager: "ul#wDragSwap>li.disabled",   //不允许拖动对象
        });
    });
</script>
<body>
    <div id="SingleDemo" class="BoxDemo">
        <p>
            =====================单Box演示=====================
        </p>
        <ul id="wDragSwap" class="wDragSwap">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li class="disabled">4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li class="disabled">8</li>
            <li>9</li>
            <li>10</li>
        </ul>
        <div style="clear: both;">
        </div>
    </div>
</body>

在线演示 更复杂的在线演示