javascript - 从静态句柄拖动 div

Question

我想用 Javascript/JQuery 制作一个可拖动的 div。但是，由于我认为不值得解释的原因，我想从另一个 div 中拖动。碰巧这个另一个 div（句柄）不能移动，因为它具有屏幕的大小，并且目标是让它保持覆盖整个页面。

好像找不到这样的情况，好奇怪……这是这么傻的问题吗？

无论如何，有人可以告诉我该怎么做吗？我在这里先向您的帮助表示感谢。

Answer 1

您是否尝试过将该stoppropogation函数应用于父 div 的拖动事件处理程序？

Answer 2

我在这里举个例子，如果您需要更多解释，请发表评论。

HTML 代码：

<div style="width:1024px: height:768px" id="content"> <!-- this css is only an example -->
  <div class="child" style="width:100px;height:100px;border: 1px solid black"></div>
</div 

JS代码：

$(document).ready(function(){
   $(".child").draggable();
});

注意：使用 jquery.js 和 jqueryUI.js