Jquery使克隆圖像可拖動和可調整大小

我一直在嘗試使克隆圖像的大小可調整和可拖動。Jquery使克隆圖像可拖動和可調整大小

在下面的示例中，我只能設法在克隆映像上獲得可調整大小或可拖動但不是兩者。任何想法？

$('#canvas').droppable({ 
    drop: function(event, ui) { 
     if (ui.draggable[0].id) { 
     var elem = $(ui.helper).clone(); 
     ui.helper.remove(); 
     elem.draggable({ 
      cursor: 'move', 
      containment: '#canvas' 
     }); 
     //elem.resizable(); // draggable works but not resizable 
     $(this).append(elem); 
     elem.resizable(); // resizable works but not draggable 
     } 
    } 
    });

我的example。

來源

2017-08-02 Gabriel Muñumel

IIRC，曾經有一個問題使得相同的元素可以拖動和調整大小。我認爲可拖動的設置內聯寬度和高度出於某種原因，哪些是fubar的可調整大小。就像我能記得的那樣。 – Taplar

我找到了一個辦法。

基本上而不是克隆我需要創建一個新的元素。

var $image = $('<div class="container"><img src="http://lasolanadigital.com/wp-content/uploads/2014/12/monigote.jpg" class="dude_new" height="200px" width="150px" /></div>'); 
$('#canvas').append($image); 
$image.draggable(); 
$image.find('.dude_new:first').resizable();

我更新了我的jsfiddle。

乾杯。

來源

2017-08-03 20:05:27

Jquery使克隆圖像可拖動和可調整大小

回答

相關問題