jquery ui resizable（）不工作

Question

链接到jsFiddle

HTML

<div class="empty ui-widget-content">
    <div class="settings-menu">
    </div>
</div>

CSS

.empty {
    height: 50px;
    display: block;
    float: left;
    position: relative;
    margin: 6px 0;
    width: 100%;
    background: grey;
}

JS

$('.empty').resizable();

为什么，为什么这么基本的事情会发生？

Answer 1

问题是jQuery和jQuery UI的版本。

从jQuery版本1.9开始，browser（）方法已被删除。您可以使用库的不同/旧版本来解决问题。

The jQuery.browser() method has been deprecated since jQuery 1.3 and is removed in 1.9. If needed, it is available as part of the jQuery Migrate plugin. We recommend using feature detection with a library such as Modernizr.

DEMO

或许如果您不想使用旧版本的插件，请使用jQuery Migrate plugin。

Answer 2

您可以尝试在代码中包含其他版本的jQuery UI。 This version应该有效。