Jquery 图像上的可拖动/可调整大小的图像

我想在另一个图像前面创建一个可调整大小的draggalbe图像，当我尝试将其调整大小时，它会打断所有css，而不是在第一个图像前面。

---

首先，你要克隆所有的.el，所以你会在第一次点击时得到1，然后在第二次点击时得到2，然后是4，8，16，等等。其次，你要把克隆的元素放在bg之前，而不是放在它里面

使用.append代替.before并仅克隆元素中的.el实例。例如：

见：

更新：

出于某种原因，我只能附加一个实例，但我将根据自己的喜好预加尽可能多的实例。将$bg.appendfunction{切换为$bg.prependfunction{，以便自己查看

如果这是您的问题，您可以将其附加到第一个图像之后。即：

$bg img:first.afterfunction{

---

谢谢，可调整大小如何？

 $(document).ready(function() {

    $(".el").click(function() {

        $("#bg").before(function() {
            return $(".el").clone().toggleClass('res').draggable({
              containment: "#bg"
            });
        });

        });
        $("#bg").droppable({
          drop: function( event, ui ) {
             x = ui.helper.clone();

          }
        });

});

$("#bg").append(function() {
    return $("#elements .el").clone().addClass('res').draggable({
      containment: "#bg"
    });
});