2013-05-12 168 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