jquery don'；行不通

在我的项目中，我在初始页面中有以下代码：

html

<div id="box">
    <div id="header"> <span id="title"></span> <span id="button">X</span> </div>
    <div id="text"> </div>
</div>

我使用jquery中的respectives函数将该元素定义为可拖动和可调整大小。拖动行为可以很好地工作，但调整大小却不行

这是用于调整的jquery代码：

$('document').ready(function(){
    $('#box').draggable({
        cointainment: "#container"
    });

    $('#box').resizable({
        cointainment: "#container"
    });

    $('#box').hide();

    $('#button').click(function(){
        $('#box').hide();
    });

    $('a').click(function(e){
        if($(this).attr('href') != 'logout.html') {
            e.preventDefault();
            $.get($(this).attr('href'), function(data){
                var $temp  = $('<div/>', {html:data});
                $('#title').text($temp.find('title').text());
                $('#text').html($temp.remove('head').html());
                $('#box').show();
            });
        }
    });
});

$（'document'）.ready（函数（）{
$（“#框”）。可拖动({
共娱乐：“集装箱”
});
$（“#框”）。可调整大小({
共娱乐：“集装箱”
});
$（“#框”）.hide（）；
$（“#按钮”）。单击（函数（）{
$（“#框”）.hide（）；
});
$（'a'）。单击（函数（e）{
if（$（this.attr（'href'）！=“logout.html”）{
e、 预防默认值（）；
$.get（$（this.attr（'href'），函数（数据）{
var$temp=$（''，{html:data}）；
$（'#title'）.text（$temp.find（'title'）.text（））；
$（'#text'）.html（$temp.remove（'head'）.html（））；
$（“#框”）.show（）；
});
}
});
});

有人能看到代码中的错误吗

---

另外，我有一个关于上面css显示的问题。你怎么看，我定义了最大宽度和最大高度；“最大高度”属性可能不起作用。有人能看出它有什么问题吗？

从技术上讲，可调整大小的功能存在于代码中。但是，您需要设置

.ui可调整大小句柄的样式，以便它显示出来。如果无法单击并按住手柄，则无法调整其大小

例如，我刚刚添加了这个

.ui-resizable-handle {
    width: 20px;
    height: 20px;
    background: red;
}

现在你可以调整它的大小了

看法

此外，您还可以在上了解更多关于可调整大小的小部件的选项

此外，还有一些不同选项的演示，您可以查看

.ui-resizable-handle {
    width: 20px;
    height: 20px;
    background: red;
}