Question

如何使用jQuery draggable事件为append div，我也想定义包含附加的包含.. 我试过可能解决方案，但没有一个工作，请任何人告诉我该怎么做??

我的代码是这样的。

<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")  
});

现在我不想拖拽包围div外的div div。有没有办法这样做

Answer 1

这个怎么样：

DEMO ：http://jsfiddle.net/naokiota/E3euD/11/

<强> HTML ：

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

<强>的JavaScript ：

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

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

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

文件在这里：
http://jqueryui.com/draggable/#constrain-movement

希望这有帮助。

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

1 个答案: