jquery ui resizable() not working

Question

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();

Why, oh why does so basic stuff happen?

jsfiddle.net/GMgx8/4 i add jquery.UI as external resourse and it works, maybe some problem with JsFiddle libraries — user2167382
– user2167382, Commented Aug 1, 2014 at 9:17
the problem is, that the problem persist on my localhost, so I doubt it's jsFiddle's problem... — Marek
– Marek, Commented Aug 1, 2014 at 9:20
also problem can be in versions. what version you use for jquery and what for jquery.UI? — user2167382
– user2167382, Commented Aug 1, 2014 at 9:23
Clear cache + cookies, make sure you load in jQuery core + jQuery UI correctly.. Also, use tools like FireBug to follow it thoroughly in your browser. As for jsFiddle, don't load jQuery UI as an external resource - hence the problem. Try 1.9.1 with jQuery UI 1.9.2 for example — urbz
– urbz, Commented Aug 1, 2014 at 9:24

Slavenko Miljic · Accepted Answer · 2014-08-01 09:25:43Z

3

The problem is the versions of jQuery and jQuery UI.

as of jQuery version 1.9 the browser() method has been removed. You can use different/older versions of the libraries to fix the problem.

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

Or perhaps if you don't wish to use an older version of the plugin, use jQuery Migrate plugin.

answered Aug 1, 2014 at 9:25

Slavenko Miljic

3,8562 gold badges25 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Marek Over a year ago

I am using jquery UI v 1.11.0 and jQuery v 1.11.1, does this mean I cant use jquery 1.edge to get resizable() working?

JBassx · Accepted Answer · 2014-08-01 09:29:01Z

0

You can try to include another version of jQueryUI in your code. This version shuld work.

answered Aug 1, 2014 at 9:29

JBassx

338 bronze badges

Collectives™ on Stack Overflow

jquery ui resizable() not working

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related