Search code examples
jquery-uijquery-ui-resizable

jquery resizable not working properly

I am quite new in javascript/jquery. I am making resizable divs using jquery-ui-resizable. Here I have created the fiddle but can't figure out why jquery ui resizable is not working.

    <div class="container">
  <div class="left-container">
  </div>
  <div class="right-container">
    <div class="child first">
    </div>
    <div class="child second">
    </div>
   </div>
</div>

$(".child").resizable({
   //"handles": "w, e"
})

Any help would be appreciated.

Fiddle

Solution

  • You must add a jquery-ui theme in order for this to work.

    Try this line of code:

    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">