Question

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

这是CSS

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

根据文档，当禁用为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

你可以隐藏下面的手柄，这只会删除手柄图像，你仍然可以重新调整大小..

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

jQuery-UI resizable disabled为true但句柄仍显示

2 个答案: