Question

我想在另一张图像前面制作可调整大小的，拖动图像，当我尝试使其可调整大小时，它会破坏所有css，而不是在第一张图像前面。 JSFiddler Demo

 $(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();

          }
        });

});

Answer 1

首先，您要克隆所有.el，这样您在第一次点击时就会获得1，然后在第二次点击时获得2，然后是4,8,16等。其次，您要放置 #bg之前克隆的元素而非其内部。

使用.append代替.before，仅克隆.el内#elements的实例。 E.G：

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

请参阅：http://jsfiddle.net/72b1tLpv/1/

<强>更新

对于某种原因我只能append()一个实例，但我会尽可能多地prepend()。（切换$("#bg").append(function(){ $("#bg").prepend(function(){以便自己查看。）

如果这是您的问题，您可以在第一张图片后附加。 IE：

$("#bg img:first").after(function() {

（http://jsfiddle.net/72b1tLpv/2/）

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

1 个答案: