家長能夠使所有的孩子拖動，當孩子被點擊時，他們是可拖動和排序

Question

我想要拖動所有的子元素，如果父母被點擊，即當父母被點擊，然後嘗試拖動所有的孩子，如果我點擊孩子，然後只有它的元素必須是可拖動的。

我使用下面的代碼，但它正在爲獨生子女元素，當我嘗試拖動從父所有子元素，可以做到

$(function() { 
    $(".droppable>div").sortable({ 
     connectWith: ".connectedSortable>div", 
    }).disableSelection();   
}); 

<div name="list-a" class="droppable connectedSortable"> <h3>List A</h3> 
    <div class="task - wrapper" id="child"> 
     <div class="draggable" id="1" name="1"> <a href="#">Element 1</a></div> 
     <div class="draggable" id="2" name="3"> <a href="#">Element 2</a></div> 
     <div class="draggable" id="3" name="3"> <a href="#">Element 3</a></div> 
    </div> 
</div> 

1. 列表A
2. 元1
3. 元件2
4. 元素3

甲能夠拖動等元素1,2 & 3但當我試圖拖動整個列表A與其孩子，然後不能這樣做。請幫忙。

編輯：
JsFiddle demo

Answer 1

查看文檔https://jqueryui.com/sortable/它明確規定，它使div的兒童可拖動的，而不是DIV本身。如果你想#child拖動，你需要根據你想要做什麼來改變

$(".droppable>div").sortable().disableSelection(); 

到

$(".droppable>div").sortable().disableSelection(); 
$(".droppable>div").draggable(); 

或

$(".droppable>div").sortable().disableSelection(); 
$(".droppable").sortable().disableSelection(); 

。 您還添加了connectWith：「。connectedSortable> div」，但這與當前標記無關，因爲它與div相同。