div拖动排序

最新推荐文章于 2019-08-19 09:17:34 发布

iteye_5769

最新推荐文章于 2019-08-19 09:17:34 发布

阅读量121

点赞数

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_5769/article/details/82412275

版权

Javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

前台html代码：

<div class="ability_show_list" id="abilityShow">
</div>

javascript

function divAbilitydrop(){  
    $(".ability_show_list_title").bind('mouseover',function(){  
        $(this).css("cursor","move");  
    });  
    var $list = $("#abilityShow");
    $list.sortable({  
        opacity: 0.6,
        revert: true,
        cursor: 'move',
        handle: '.ability_show_list_title'
    });  
}

注：$(".ability_show_list_title")是需要绑定拖动的divs；$("#abilityShow")是用来限定拖动的区域

需要引用的js是jquery-ui-1.7.3.custom.min.js或者相关版本，建议使用新版本，可以兼容各种浏览器