1

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

<!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/

有任何想法吗？

4

1 回答 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>
于 2013-05-12T21:53:22.973 回答