2012-05-04 3 views
2

제 스크립트에는 드래그 가능하고 다른 것을 비활성화하는 두 개의 버튼이 있습니다. 여기에 방법이jQuery는 드래그 가능한 페이드 아웃을 사용하지 않습니다.

$('#Enable').click(function(){ 
    $("#sortable li").draggable({ 
       disabled : false 
      }); 
}); 

$('#Disable').click(function(){ 
    $("#sortable li").draggable({ 
       disabled : true 
      }); 
}); 

내 문제는 내가 드래그 기능을 사용하지 않는 경우, 내 모든 요소가 약간 페이드 아웃된다는 것입니다 수행 살아야한다. 드래그 할 수 없게 할 때마다이 페이딩을 방지 할 수있는 방법이 있습니까? 여기 내 코드는 jsFiddle

답변

6

disabled은 jQueryUI의 CSS에서 온 것입니다.

단순히 CSS를이 추가 :

li.ui-state-disabled.ui-draggable-disabled { opacity : 1;} 

예 : http://jsfiddle.net/5KrAv/

+0

FWIW을,이 IE에서 작동하지 않습니다. – ShaggyInjun

+0

신경 쓰지 마라. IE에서 잘 돌아 간다. 단지 filter : alpha (opacity = 50);를 추가해야했다. – ShaggyInjun

관련 문제