0

我在Jqueryui Droppable有問題。我的英語很差。 飽和度是: 現在,我有3個div,div a,div b和div c.I讓div a和div b爲可拖動的,div c爲可丟棄的.DIV C可以接受div a和div c。 現在的問題是,現在div c可以將div a和div b設置爲Copy,或者div c可以將div a和div b設爲Shear。我希望div c可以接受div a作爲剪切的copy和div b。我明白了嗎?jquery-ui-droppable不能區分可拖動的兩種div嗎?

回答

1

它的(英文)的一個常見問題;)

您可以拖動對象設置類,然後後來在匹配一滴事件上下文。

$(function() { 
    $("#diva").draggable(
     drag: function(event, $ui) { 
      $ui.addClass('copy'); 
     }, 
     stop: function(event, $ui) { 
      $ui.removeClass('copy'); 
     } 

    ); 
     $("#divb").draggable(
     drag: function(event, $ui) { 
      $ui.addClass('shear'); 
     }, 
     stop: function(event, $ui) { 
      $ui.removeClass('shear'); 
     } 

    ); 

    $("#divc").droppable({ 
     drop: function(event, $ui) { 
      // you can access the dragglable html by this 
      // and then can append it to anywhere, its like making its copy 
       var html = $ui.draggable.html(); 
       if ($ui.draggable.hasClass('shear')) { 
        // destroy #divb here so that it looks like shear 
       } 
     } 
    }); 
}); 
+0

哦,是的,增加班級是一個好方法。我已經做完了,謝謝。 – 2012-02-27 01:19:22