div拖动排序

前台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或者相关版本，建议使用新版本，可以兼容各种浏览器