Question

我正在使用jquery-ui进行排序并拖动https://johnny.github.io/jquery-sortable/ ..但它并没有附加到li .. 代码就像

＆＃13;

$("#example3 ul").sortable({
    placeholder: "ui-state-highlight",
    connectWith: '#example3 ul'
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<div id="example3">
    <ul>
        <li >Item 1
            <ul>
                <li>Item 1 1</li>
                <li>Item 1 2</li>
                <li>Item 1 3</li>
            </ul>
        </li>
        <li >Item 2<ul></ul></li>
        <li >Item 3<ul></ul></li>
        <li >Item 4<ul></ul></li>
    </ul>
</div>

＆＃13;

＆＃13; 如果我将第3项拖到第2项下，那么它就不起作用了......我怎么能解决这个问题？而且我必须检测哪个李在哪个李...请帮助..

Answer 1

问题是，空的＆＃39; -Tag没有任何空间并且被隐藏（大小等于零）。只需为每个元素添加一个小填充，然后就可以将元素拖到那里。在这里，看看：

＆＃13;

$("#example3 ul").sortable({
    placeholder: "ui-state-highlight",
    connectWith: '#example3 ul'
});

＆＃13;

#example3 ul{
  padding-bottom: 0.3em;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<div id="example3">
    <ul>
        <li >Item 1
            <ul>
                <li>Item 1 1</li>
                <li>Item 1 2</li>
                <li>Item 1 3</li>
            </ul>
        </li>
        <li >Item 2<ul></ul></li>
        <li >Item 3<ul></ul></li>
        <li >Item 4<ul></ul></li>
    </ul>
</div>

＆＃13;

拖动嵌套的李不起作用

1 个答案: