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

【问题标题】：jQuery-UI resizable disabled is true but handles still shows upjQuery-UI resizable disabled 是真的，但句柄仍然显示
【发布时间】：2012-04-12 04:46:34
【问题描述】：

$('.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。我还将可拖动应用到相同的元素。

【问题讨论】：

标签： javascript jquery-ui jquery-ui-resizable

【解决方案1】：

看起来像是默认行为。尽管有处理程序，但您无法调整大小。无论如何，您可以将处理程序隐藏为：

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

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

演示：http://jsfiddle.net/codef0rmer/W7HQ9/

【讨论】：

目前有效。谢谢！如果没有人提供更优雅的解决方案或解释，我会在几天内接受你的。
我怀疑这不是默认的。如果他们要将内联样式放在句柄上，为什么还有样式可以将它们隐藏在样式表中？
提供句柄实际上可以解决问题。 $( "#resizable" ).resizable({ disabled: true, handles: 'e' });

【解决方案2】：

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

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

【讨论】：