+
95
-

如何使用jquery-ui实现多层嵌套拖拽?

如何使用jquery-ui实现多层嵌套拖拽?


网友回复

+
15
-

<!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;
  ...

点击查看剩余70%

+
15
-

<!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.11.0.min.js"></script>




    <style type="text/css">
        body{
            background: black;
        }
            .sortable {
                padding-left: 20px;
                border: 3px solid white;
                background: #FFCC33;
              
                margin: 10px;
            }
    </style>


</head>

<body>

    <div class="sortable">
        <div class="notsortable">Item 1 (disabled)</div>
        <div class="sortable">
            <div>Item 6.5.1</div>
            <div>Item 6.5.2</div>
            <div>Item 6.5.3</div>
            <div class="notsortable">Item 6.5.4 (disabled)</div>
            <div class="notsortable">Item 6.5.5 (disabled)</div>
            <div class="sortable">
                <div class="notsortable">Item 6.5.5.1 (disabled)</div>
                <div class="notsortable">Item 6.5.5.2 (disabled)</div>
            </div>...

点击查看剩余70%

我知道答案,我要回答