のjQuery-UIサイズ変更可能な無効化は本当ですが、ハンドルをまだ

Question

$('.box').resizable({ 
    disabled: true 
}); 

を示しており、ここではドキュメントによるCSS

.ui-resizable-disabled .ui-resizable-handle, 
.ui-resizable-autohide .ui-resizable-handle { 
    display: none; 
} 

だ、.ui-resizable-disabledクラスは、要素に追加されます。私の場合、クラスは追加されませんが、サイズ変更はまだ無効です（ハンドルをドラッグしてサイズを変更することはできませんが、無効にするとサイズを変更できます）。生成されたHTMLをチェックすると、style="display:block"がハンドルに追加されました。私は彼らにショー隠しをしていないよ。

<div class="ui-resizable-handle ui-resizable-e" style="display: block; ">...</div> 

私はGoogle APIからjQuery 1.8を使用しています。私は同じ要素にdraggableを適用しています。

Answer 1

デフォルトの動作のようです。ハンドラはありますが、サイズを変更することはできません。

//Dirty hack 
$('div.ui-resizable-handle').hide(); 

//Somewhat effective solution 
$("#resizable").resizable({ disabled: true, handles: 'e' }); 

デモ：とにかく、あなたのようにハンドラを隠すことができhttp://jsfiddle.net/codef0rmer/W7HQ9/

Answer 2

あなただけのこれが唯一のハンドルイメージを削除し、あなたはまだ再サイズを行うことができ、以下のようにハンドルを非表示にすることができます。..

$("#yourelementid").find('.ui-icon').removeClass('ui-icon');