Jquery 如何为附加的Div和附加的包含添加包含的可拖动事件

如何为append div使用jQuery draggable事件，我还想定义附加的包含。。 我尝试了may的解决方案，但都不起作用，请有人告诉我怎么做

我的代码是这样的

<button class="mybutton">push me</button>
<div class="content"></div>

$(".mybutton").click(function(){
    $("<div>drag me</div>").appendTo(".content").draggable();
    $("<div class='containment' style='border: 1px solid blue;display: block; height: 600px; width: 500px;'></div>").appendTo(".content")  
});

推我
$（“.mybutton”）。单击（函数（）{
$（“拖动我”）.appendTo（“.content”）.draggable（）；
$（“”）.appendTo（“.content”）
});

现在我不想把我的div拖到容器div外。有什么方法可以这样做吗

演示：

HTML：

<button id="mybutton">push me</button>
<div id="content"></div>

$("#mybutton").click(function(){

   $("<div id='containment'><div class='draggable'>drag me</div></div>").
    appendTo("#content");

   $(".draggable").draggable({ containment: "#containment",scroll: false });
});

推我

JavaScript：

<button id="mybutton">push me</button>
<div id="content"></div>

$("#mybutton").click(function(){

   $("<div id='containment'><div class='draggable'>drag me</div></div>").
    appendTo("#content");

   $(".draggable").draggable({ containment: "#containment",scroll: false });
});

$（“#我的按钮”）。单击（函数（）{
$（“拖拽我”）。
附件（“内容”）；
$（“.draggable”）.draggable（{containment:#containment”，滚动：false}）；
});

文件在这里：

---

希望这有帮助。

您应该共享您的代码。有一个按钮，当我单击该按钮时，一个div将被追加可拖动，当我单击该追加div时，它会显示该div周围的一个边界，该边界也被追加现在我想在div容器div中拖动附加的div和draggable类，有什么方法可以做到吗？在寻求帮助之前阅读此内容-@user3651746，我更新了我的答案。