jQuery UI 1.8.13 resizable()图标没有显示

时间:2011-05-18 23:55:32

标签: jquery jquery-ui resizable

在jQuery 1.8.12和1.8.13中,我不再获得位于元素右下角的se句柄图标,以指示此元素可调整大小。

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

如果将1.8.13切换到1.8.11则可以正常工作。

3 个答案:

答案 0 :(得分:3)

使用

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

答案 1 :(得分:3)

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

根据Ali的回答,它在基本主题中有效,因为ui-icon覆盖ui-resizable-handle而不是反之亦然。所以这是一个主题问题。

enter image description here

答案 2 :(得分:0)

只需在javascript中执行此操作:

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