拖曳排序

jQuery-wDragSort 拖曳排序

版本:v1.0.619
作者:xusion
更新:2011.06.19
下载:wdragsort.v1.0.619.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-wdragsort.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("ul#wDragSort>li").wDragSort({
            undrager: "ul#wDragSort>li.disabled",   //不允许拖动对象
        });
    });
</script>
<div id="SingleDemo" class="BoxDemo">
	<p>
	    =====================单Box演示=====================
	</p>
	<ul id="wDragSort" class="wDragSort">
	    <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>

在线演示