my aim is, make box resizable, not work (neither in firefox nor in chrome). making draggable works perfectly. however, in jsfiddle code works resizable (slightly modified). wrong here?
<head> <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> function init() { $("#box").resizable(); $("#box").draggable(); } </script> </head> <body onload="init()"> <div id="box" style="border:1px dashed red;width:42mm;height:30mm;">text</div> </body>
resizable needs theme, handle image needs provided. try adding
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
Comments
Post a Comment