小编Abi*_*mon的帖子

表单提交上的JQuery-UI可排序排序

图像从数据库加载.我想使用JQuery-UI排序对图像顺序进行排序,并将数据保存在表单提交中.

<script type="text/javascript">
    $(function() {
        $( "#sortable" ).sortable({
            placeholder: "ui-state-highlight",
            cursor: 'crosshair'
    });
        $( "#sortable" ).disableSelection();
});
</script>
Run Code Online (Sandbox Code Playgroud)
<form action="" method="post">
<ul id="sortable" style="width: 524px;">
    <li id="00001" class="ui-state-default"><img src="00001.jpg" width="100" height="90" /></li>
    <li id="00002" class="ui-state-default"><img src="00002.jpg" width="100" height="90" /></li>
    <li id="00003" class="ui-state-default"><img src="00003.jpg" width="100" height="90" /></li>
    <li id="00003" class="ui-state-default"><img src="00004.jpg" width="100" height="90" /></li>  
</ul>
<div style="clear:both;"></div>
<input name="Submit" value="RE-ORDER" type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui jquery-ui-sortable

5
推荐指数
2
解决办法
1万
查看次数