Home/ Questions/Q 164207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T11:42:12+00:00

Here is my simple code to try and test if jQuery resizable is working.

  • 0

Here is my simple code to try and test if jQuery resizable is working. I use other jQuery components just fine using the google.load, and I’ve tried swapping out the google.load for a local version with no difference. I’ve tested in 3 browsers, I’ve copied code from several demo/tutorial sites (where it works find on their site). 

<!DOCTYPE html> <html> <head> <script type='text/javascript' src='http://www.google.com/jsapi?key=blahblah_obviously changed_blahblah-blahblah_blah_blahblahblah'></script> <script type='text/javascript'>google.load('jquery', '1.3.2');google.load('jqueryui', '1.7.1');</script> <style type='text/css'>    #resizable { width: 100px; height: 100px; background: silver; } </style> <script type='text/javascript'>   $(document).ready(function(){   $('#resizable').resizable(); }); </script> </head> <body>    <div id='resizable'></div> </body> </html>

I don’t get any error messages. I’m at my wit’s end. What am I doing wrong? Why doesn’t even this simple case work?

UPDATE: the jQuery UI libraries are included by the line google.load(‘jqueryui’, ‘1.7.1’);

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. jQuery UI is working fine in your sample, the issue you have is because you don’t have any CSS Theme included in your last test, and the ‘resizable handle’ icon is not shown.

    Add your own theme or the default one:

    <link rel='stylesheet' type='text/css'  href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css'/>

    See your sample here.

    • 0