jQuery UI可调整大小没有工作

好的，这里是问题。 jQuery可调整大小在这个页面上不起作用： click here

尝试在左上角的灰色框。

我想做的是使正确大小的shoutBox可以调整大小。但它没有工作，所以我试图将所有从jQuery UI示例页面复制到我的一个，并尝试它。所以我添加了与他们所做的一样的灰色框，甚至使用相同的CSS，但它将无法工作。

以下是库的调用方式：

<script src="http://www.google.com/jsapi"></script>
 <script type="text/javascript">

 google.load("jquery","1.4.1");
 google.load("jqueryui","1.7.2");

google.setonLoadCallback(function() {

});

</script>

<script type="text/javascript" src="js/thickBox.js"></script>
<script type='text/javascript' src='js/jqueryEasingMin.js'></script>
<script type='text/javascript' src='js/jquery.imghover-1.1rc.js'></script>
<script type="text/javascript" src="js/shoutBox.js" ></script>
<script type="text/javascript" src="js/bbcode.js" ></script>
<script type='text/javascript' src='js/jqueryLoader2.js'></script>

脚本里面的文档就绪功能(如例子)：

$('#resizable').resizable();

灰色框的CSS：

<style type="text/css">
#resizable { width: 100px; height: 100px; background: silver; position:relative; z-index:15;}
</style>

由于我的网站的设计，我不得不添加位置和z-index参数，但似乎并不影响任何东西。

并实施：

<div id="resizable"></div>

我想我在这里遗漏了一些非常明显的东西，但我看不到它。
我甚至尝试将jquery UI库链接到本地​​目录，而不是使用google的。

我真的很欣赏正确的方向点头。
谢谢

解决方法

调用jquery ui和css后应该是这样的：

<script type="text/javascript"> 
$(function() {
    $("#resizable").resizable();
});
</script>

编辑：另外，您需要包含一个主题才能正常工作。

原文地址：https://www.jb51.cc/jquery/181798.html