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

そしてここにCSSがあります

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

ドキュメントによると、disabled が true の場合、.ui-resizable-disabledクラスが要素に追加されます。私の場合、クラスは追加されませんが、サイズ変更は無効のままです (つまり、ハンドルをドラッグしてサイズを変更することはできませんが、無効になっている場合はサイズを変更できます)。生成されたHTMLを確認するstyle="display:block"と、ハンドルに追加されていました。私は彼らにショーを隠しているわけではありません。

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

Google API の jQuery 1.8 を使用しています。また、同じ要素にドラッグ可能を適用しています。

4

2 に答える 2

9

デフォルトの動作のように見えます。ハンドラーはありますが、サイズ変更はできません。とにかく、ハンドラーを次のように非表示にすることができます。

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

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

デモ： http： //jsfiddle.net/codef0rmer/W7HQ9/

于 2012-04-12T05:36:11.623 に答える
0

以下のようにハンドルを非表示にすることができます。これはハンドル画像のみを削除し、サイズ変更を行うことができます..

$("#yourelementid").find('.ui-icon').removeClass('ui-icon');
于 2015-02-23T03:51:50.737 に答える