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> 

Я не уверен, если это Draggable функция JQuery, что я использую, не работает должным образом или, может быть, мой триггер неправильно.

JQuery

$(document).ready(function() { 

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

}); 

Answer 1

Попробуйте это,

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

FIDDLE

будет выбрать только прямой ребенок ul, в противном случае выберите вложенную ребенок также ..