Javascript 如何使jquery创建的div可拖动？

您好，我想知道是否有一个可能的解决方案来创建一个用javascript创建的可拖动div，例如：

var output = "  ";
output+= ' <div class=" image">';
output+= ' <p class="p-id"><strong>' + data.properties[i].id+ '<strong></p>';
output+= '<img class="pic" src="'+ data.staff[i].picture + '"/>';
output+= '</div>';

document.getElementById("right" ).innerHTML = output;

像这样

div{
边框：1px实心；
宽度：200px；
高度：200px；
调整大小：两者；
溢出：自动；
背景：#d2d2d2；
}

像这样吗

div{
边框：1px实心；
宽度：200px；
高度：200px；
调整大小：两者；
溢出：自动；
背景：#d2d2d2；
}

---

如果您使用的是jQuery ui，那么只需添加

$（'.image'）.draggable（）


var输出=”；
输出+=''；
输出+='
#'；
输出+=''；
输出+=''；
document.getElementById（“右”）.innerHTML=输出；
$（'.image'）.draggable（）
.image{
宽度：100px；
高度：100px；
背景色：红色；
}

如果您使用的是jQuery ui，那么只需添加
$（'.image'）.draggable（）


var输出=”；
输出+=''；
输出+='
#'；
输出+=''；
输出+=''；
document.getElementById（“右”）.innerHTML=输出；
$（'.image'）.draggable（）
.image{
宽度：100px；
高度：100px；
背景色：红色；
}


我的意思是，如果有一种方法可以调用jquery创建的div，这样它就可以被拖动了，但是感谢您的建议，如果这就是您所说的“可拖动”。如果您希望能够拖动整个框，请选中@Gerjan的答案。我的意思是，如果有一种方法可以调用jquery创建的div，使其可拖动，但是感谢您的建议，如果这就是您所说的“可拖动”。如果你想拖拽整个框，请勾选@Gerjan的答案。多亏了你们，我在Gerjan的答案的帮助下成功地让它工作。也感谢库贾斯拉尼对我的问题的回答。感谢你们所有人，我在Gerjan的回答的帮助下使它工作起来。也感谢库贾斯拉尼回答我的问题。
$(".image ").draggable({
revert:true,

   drag:function () {
     $(this).addClass("active");
     $(this).closest(".class ").addClass("active");
   },

  stop:function () {
   $(this).removeClass("active").closest(".image").removeClass("active");
  }
});