Jquery 使父div与子div可拖动

如何使父div与子div可拖动

我正在为此使用jquery ui可拖动函数。我在网站上找不到关于我的问题的任何信息，所以我在这里询问

整个div只能通过其标题拖动，而不能拖动整个div

我的例子是：

子标题
内容

您必须使用

句柄事件来获得所需的结果。在这里查看api文档。

下面是一个工作示例：


$（“#MainDiv”）.draggable({
句柄：“#标题”
});
*{
边际：0px；
填充：0px；
字体系列：arial；
文本对齐：居中；
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
}
莫达尔博克斯先生{
边框：2倍实心#000；
宽度：200px；
背景：红色；
}
.模态标题{
背景：#7bd4ff；
宽度：100美元；
高度：40px；
边框底部：2倍实心#000；
颜色：#fff；
填充：10px；
}
.模态体{
高度：260px；
背景#ffadc9；
颜色：#fff；
填充：10px；
}

我是拖拉头！
我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！我是孩子！
不要与外部站点共享。但是，创建一个工作片段（或fiddle）来重现您的问题您想只拖动带有标题的模式框布局吗？
<div class="draggable window">
  <div class="windowHeader">
    <div class="windowTitle">
      child header
    </div>
    <div class="windowCloseBtn">
      <div class="windowCloseBtnInner">

      </div>
    </div>
  </div>
  <div class="windowContent">
    content
  </div>
</div>