Javascript 父级可以使所有子级都可拖动，单击子级时，这些子级都可拖动和排序

如果单击了父元素，我想使所有子元素都可拖动，即当单击父元素时，尝试拖动其所有子元素，如果单击子元素，则只有其元素才可拖动

我正在使用下面的代码，但它只适用于子元素，当我尝试从父元素拖动所有子元素时，可以完成

$(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>

$（函数（）{
$（“.droppable>div”）。可排序({
connectWith:“.connectedSortable>div”，
}).disableSelection（）；
});
列举

列举

要素1

要素2

要素3

可以拖动元素1、2和3，但当我试图拖动整个列表A及其子元素时，就不能这样做了。请帮忙

编辑：

查看文档，它特别声明它使div的子项可拖动，而不是div本身。如果你想让孩子可以拖拉，你需要改变

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

到

或

取决于你想做什么。

---

您还添加了connectWith:“.connectedSortable>div”，但这对当前标记没有意义，因为它是同一个分区。

你能提供一个关于JSFIDLE的演示吗？请检查上面的js FIDLE linkok谢谢@Daniel。那么我该如何改进结构，以便家长可以使其所有孩子的拖动山墙也使其孩子的拖动山墙保持可拖动和可排序这里是我制作解决方案和工作的链接（）香草请仅香草！

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

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