jquery-ui实现多层级嵌套拖拽排序效果代码-html代码-BFW代码库

jquery-ui实现多层级嵌套拖拽排序效果代码

代码语言：html

所属分类：拖放

代码描述：jquery-ui实现多层级嵌套拖拽排序效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.2.11.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-ui-1.10.3.min.js"></script>




    <style type="text/css">
        .container {
        min-height: 200px;
        background-color: #4474FF;
        border: 1px solid #1E44B2;
        border-radius: 2px;
        display: inline-block;
        padding: 10px;
    }
    
    .container .container {
        min-height: 100px;
        background-color: #45FF41;
        border: 1px solid #04B200;
        display: block;
        margin-bottom: 5px;
    }
    
    .item {
        background-color: #FFCB44;
        border: 1px solid #B2840C;
        margin-bottom: 5px;
        border-radius: 2px;
        padding: 15px 50px;
    }
    
        /* EOS */
    </style>


</head>

<body>
    <div class="container">
        <div clas.........完整代码请登录后点击上方下载按钮下载查看