jQuery拖动嵌套列表项

Question

我有一个带有嵌套列表的无序列表，并使用jQuery UI Draggable拖动其中包含嵌套无序列表的顶部列表项。

    <ul class="data-item_wrapper">

    <li>

      <ul class="row-data">

        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>

      </ul>

    </li>
    <li>

      <ul class="row-data">

        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>

      </ul>

    </li>

    </ul>

我不确定我使用的jQuery Draggable函数是否工作不正常或者我的触发器不正确。

jQuery

$(document).ready(function() {

    $(function() {              
        $(".data-item_wrapper li").draggable();
    });

});

Answer 1

试试这个，

$(function() {              
    $(".data-item_wrapper>li").draggable();
});

FIDDLE

它只会选择ul的直接子项，否则它也会选择嵌套的子项。