jquery - 如何通过拖放事件将带有附加元素的图像保存到数据库中，并显示带有与拖放相同位置的附加元素的图像

Question

image.jpg 查看图片样本

索引.php

<!-- container div to display image-->
<div class="imageBox">
   <img src="img/img1.jpg" id="myImage" alt="simpleImage">
</div>

<!--container div for dragging and dropping element-->
<div class="drag-drop-container">
  <div id="draggable">
     <p>Ajax</p>
  </div>

  <div id="droppable">
     *********
  </div>
</div>

<button id="saveButton"></button>

注意：拖放容器放置在 imageBox 的顶部

jQuery.js

$(document).ready(function(){
  $("#draggable").draggable({
     containment: "parent"  
         });
});

标签： jqueryhtmlcssajax