Question

我无法将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/

有什么想法吗？

Answer 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>

jQuery UI的问题：可调整大小

1 个答案: