javascript - jQuery-UI resizable disabled 是真的，但句柄仍然显示

Question

$('.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。我也将 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

you can just hide the handle as below, this will only remove the handle image and you could still do the re-size..

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