jQuery UI可调整大小：ghost选项无法正常工作

Question

我有以下内容：

<div class="tile ui-widget-content">
    <h3 class="ui-widget-header">Resize me</h3>
    You should see a ghost outline.
</div>

和

$('.tile').resizable({
    ghost:true
});

它调整大小，但我没有看到元素的半透明部分。 我正在复制the docs。

Answer 1

我能看到的唯一区别是你从类名而不是id访问元素。您是否尝试使用和ID？

编辑：只是想确保你还为悬停添加了css？

.ui-resizable-ghost { border: 1px dotted gray; }