2013-05-12 96 views
1

我无法让jQuery UI可调整大小以在本地计算机上工作。当我查看我自己的HTML文件时,我可以得到一个小提琴来处理完全相同的代码,它只是一个没有尺寸调整功能的常规div。jQuery UI的麻烦:可调整大小

<!DOCTYPE html> 
<html> 
<head> 
    <title>Resizable</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
    <style> 
     #resizable { 
      width: 150px; 
      height: 150px; 
      padding: 0.5em; 
      border: 3px solid black; 
     } 
    </style> 
    <script> 
     $(document).ready(function() { 
      $(function() { 
       $("#resizable").resizable(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div id="resizable" class="ui-widget-content"></div> 
</body> 
</html> 

工作小提琴:http://jsfiddle.net/Am2yf/1/

任何想法?

回答

1

它的存在,但你不包括jQuery的UI的CSS代码:

补充一点:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 

到脚本源后,你的代码。

现在它应该工作。

玩得开心!

由你可以升级你的jQuery的UI版本的方式编辑

- 这是最新的版本:

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
+0

尼斯,该诀窍。谢谢。 – noclist 2013-05-13 02:37:29

+0

我很高兴能帮上忙。请享用 – 2013-05-13 19:34:46

相关问题