Question

我有一个带有硬编码可拖动div的测试页

$('body').append('<div id="'+imagename+'" class="draggable ui-draggable ui-draggable-handle"><img src="uploads/pages/'+imagename+'"><div class="edit" style="display: none;"><a href="#" title="Click and Drag Widget" class="move">Drag</a><a href="#" title="Remove Widget" class="delete">Remove</a>        </div></div>').draggable();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="draggable" class="draggable"><img src="uploads/pages/88bus-ben-kenyonLane.jpg"></div>

    $('body').append('<div id="'+imagename+'" class="draggable ui-draggable ui-draggable-handle"><img src="uploads/pages/'+imagename+'"><div class="edit" style="display: none;"><a href="#" title="Click and Drag Widget" class="move">Drag</a><a href="#" title="Remove Widget" class="delete">Remove</a>        </div></div>').draggable();

我有一个脚本来附加正文并插入一个新的可拖动div。当我尝试拖动新的div时，现有的div会随之移动。但硬编码也独立移动。

Answer 1

您的代码不正确，因为您在draggable上应用了body方法，当您拖动div时，事实上整个身体都拖了这个div。

请参阅我在您的代码中创建的incorrect way (jsFiddle)并检查正文。您可以在draggable上看到body申请。

如果你这样做，你会看到它正常工作。

Correct way (jsFiddle)

追加使得所有人都可以拖延

1 个答案: