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直接孩子，否则选择嵌套的孩子也..