JQuery UI 拖拽排序

作者: Neuro_annie | 来源:发表于2017-05-19 19:21 被阅读168次
html代码:
<div class="sortable">
    <div class="item">
        <img src="image/1.jpg">
    </div>
    <div class="item">
        <img src="image/2.jpg">
    </div>
    <div class="item">
        <img src="image/3.jqg">
    </div>
</div>
js代码:
$(".sortable").sortable({
    cursor: "move",
    opacity: 0.6, //拖动时,透明度为0.6
    revert: true //释放时,增加动画
});

禁用拖拽:

$(".sortable").sortable( "disable" );

启用拖拽:

$(".sortable" ).sortable( "enable" );
初始布局 拖拽 拖拽后排序

相关文章

网友评论

    本文标题:JQuery UI 拖拽排序

    本文链接:https://www.haomeiwen.com/subject/vmtuxxtx.html