如何在拖放后拖动图像克隆。?

时间:2011-03-02 04:12:48

标签: jquery

我的图像在旋转后拖动,但是当它下降时我无法第一次拖动图像。这是图像拖放的代码。“dhtmlgoodies_xpPane li .rotatable”我可以拖动此图像克隆并放下“工作 - 区域”。下载后我无法第一次拖动图像克隆。但是在旋转和调整大小后克隆是可拖动的。这是我的问题......

$(document).ready(function(){
  $('#dhtmlgoodies_xpPane li .rotatable').draggable({appendTo: "working-area", helper: "clone" });
  $('#working-area .rotatable').live('click', function(event) {
              test = test + 90;
              $(this).rotate({ angle: test ,  appendTo: "#working-area"}).draggable();
           });
$('#working-area .rotatable').live('mousemove', function(event) {
          $(this).resizable({appendTo: "#working-area"}).parent().draggable();});
      $( "#working-area" ).droppable({
            activeClass: "ui-state-default",
            hoverClass: "ui-state-hover",
            accept: "#dhtmlgoodies_xpPane li .rotatable",
            drop: function( event, ui ) {
                *** $(this).append($(ui.helper).clone().draggable());}
        }).mousemove(function(e){
            var x = e.pageX - this.offsetLeft;
            var y = e.pageY - this.offsetTop;
              $('#status2').html("X = "+ x +', '+"Y = "+ y);
          });
 });

请给我一个解决方案。并参考一些代码....我正在使用jquery。和语言是PHP。 * 此行负责拖放。 但是当添加调整大小和旋转功能时,它将无法工作。

1 个答案:

答案 0 :(得分:0)

drop:function(event,ui){                  $(本).append($(ui.helper).clone()拖动());}         })