jQuery禁用可拖动淡出

Question

在我的脚本中,我有2个按钮,一个是为了启用可拖动而另一个是为了禁用它.以下是我如何做到这一点

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

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

我的问题是,当我禁用可拖动功能时,我的所有元素都会逐渐淡出.有没有办法防止这种淡出每次我禁用拖动？这是我在jsFiddle中的代码

Answer 1

样式disabled来自jQueryUI的CSS.

只需将此添加到您的CSS:

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

示例:http://jsfiddle.net/5KrAv/