2012-01-11 33 views
0

我已经从小部件中删除了一个元素并将其拖到目标中。像这样:div在jQuery中丢失后调整大小

jQuery('.ui-layout-center').droppable({ 
    activeClass: 'ui-state-hover', 
    accept: '.item-art', 
    revert: true, 
    drop: function (event, ui) { 
     var $canvas = jQuery(this); 
     if(!ui.draggable.hasClass('canvas-element')) { 
     var $canvasElement = ui.draggable.clone(); 
     $canvasElement.addClass('canvas-element'); 
     $canvasElement.html('<div><TEXTAREA COLS=2 ROWS=1></TEXTAREA></div>'); 
     $canvas.append($canvasElement); 
     $canvasElement.css({ 
      left: (ui.position.left - $canvas.offset().left), 
      top: (ui.position.top - $canvas.offset().top), 
      position: 'absolute' 
     }); 
     $canvasElement.draggable({ 
      cursor: 'move' 
     }); 

丢弃后的项目(div)应该可调整大小。对于我在线路$canvasElement.draggable使用可调整大小是这样的:

$ canvasElement.resizable()拖动({ 光标: '移动' })。

但仍然无法正常工作。用户无法调整放下的div。请帮帮我。

回答

1

$canvas.append($canvasElement);

+0

非常感谢之前添加语句$canvasElement.resizable();。我忘了另一件事要补充。这是用户界面的CSS。 – Jackson 2012-01-11 07:50:08

相关问题