2014-01-22 54 views
0

我想克隆拖動元素,並將其放在拖動元素與0.2不透明度存在的區域。由於某種原因,它不能很好地工作。位置持有者可以移動並顯示放置元素的位置,但元素被拖動的區域應顯示減少不透明度的元素,直到元素被放下。克隆的拖動元素,並將其放置在使用可排序的拖動div區域jqueryui

爵士小提琴:

http://jsfiddle.net/Fj7eN/

HTML:

<div id="sortable"> 
    <div class="one sortableElems">Div 1</div> 
    <div class="two sortableElems">Div 2</div> 
    <div class="three sortableElems">Div 3</div> 
</div> 

的jQuery:

$(function() {  
    $("#sortable").sortable({ 
     opacity: 0.8, 
     cursor:"-webkit-grab", 
     placeholder: { 
      element: function(item, ui) { 
       return item.clone().css({ 
        "opacity":"0.2", 
        "position":"relative" 
       }); 
      }, 
      update: function() { 
       return; 
      } 
     } 
    }); 
}); 
+0

,看起來和以前一樣 –

+0

佔位符應保持不動..而應在可投放區域顯示綠色邊框 –

回答

0

找到自己的答案:

爵士小提琴:

http://jsfiddle.net/Fj7eN/5/

的jQuery:

$(function() { 
    $("#sortable").sortable({ 
     opacity: 0.8, 
     cursor:"-webkit-grab", 
     start:function(e,ui){ 
      $(ui.item[0]).css({"display":"block","opacity":"0.2"}); 
     }, 
     helper:"clone", 
     placeholder: "placeholder", 
     update:function(e,ui){ 
      $(ui.item[0]).css({"opacity":"1"}); 
     } 
    }); 
}); 
相關問題