jQuery UI 1.8.13 resizable() 图标未显示答案

【问题标题】：jQuery UI 1.8.13 resizable() icon not showingjQuery UI 1.8.13 resizable() 图标未显示
【发布时间】：2011-05-18 23:55:31
【问题描述】：

在 jQuery 1.8.12 和 1.8.13 中，我不再获得放置在元素右下角的 se 句柄图标，以指示该元素可调整大小。

查看http://jsfiddle.net/wYcWU/

如果您将 1.8.13 切换到 1.8.11，那么它可以工作。

【问题讨论】：

标签： jquery jquery-ui resizable

【解决方案1】：

看起来他们在 1.8.12/13 中都添加了background-image:url(data:); 以根据票证http://bugs.jqueryui.com/ticket/7233 修复 IE 问题。看着萤火虫，我看到.ui-resizable-handle 覆盖了ui-icon 的png 背景图像，这是负责显示se 图标的精灵图像。这绝对是一个错误。检查附加的萤火虫屏幕截图。

根据 Ali 的回答，它确实适用于基本主题，因为 ui-icon 覆盖了 ui-resizable-handle，反之亦然。所以这是一个主题问题。

【讨论】：

【解决方案2】：

使用

ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css

而不是

ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/start/jquery-ui.css

【讨论】：

这与它无关，也没有区别。您只是指不同的主题名称。
这不能回答我的问题。我没有使用基本主题。我正在使用启动主题。

【解决方案3】：

只需在 javascript 中执行此操作：

$('#test').resizable();
$('.ui-resizable-se').css({'height':'32px', 'width':'32px'});

【讨论】：