Jquery 无法根据调整div的大小调整textarea的大小

我有一个文本区

<textarea name="quotes" id="resizeable" cols="40" rows="10" ></textarea>

我想从textaea下面的div调整它的大小

-------------------------------

我尝试了以下脚本，但没有调整大小。原因可能是什么？请帮我解决这个问题

 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#grippie" ).resizable({
      alsoResize: "#resizeable"
    });
    $( "#resizeable" ).resizable();
  });
  </script>

$（函数（）{
$（“#grippie”）。可调整大小({
同样大小：“可调整大小”
});
$（“#可调整大小”）.resizable（）；
});

你想要实现什么还不太清楚

#grippie

在示例HTML中未被引用，而且当jQuery引用ID

可调整大小时，DIV也具有
可调整大小的
类

你想做点什么吗？
尝试了一点，但我成功了。如前所述，您的可调整大小的类应该是一个ID，并且您引用的是grippie，它并不存在。此外，还需要引用jQueryUI样式表，或者为调用Resizeable时自动添加的“句柄”设置样式。请注意，它们还为您添加了适当的光标，因此您不必自己设置该光标的样式

我已经在JSFIDLE上创建了一个工作示例：

代码如下：

标记：

<div id="resizeable">Test</div>
<div id="grippie">Drag me</div>

$(document).ready(function () {

    $("#grippie").resizable({
        alsoResize: "#resizeable"
    });

    $('#resizeable').resizable();

});

#resizeable {
    background:#EEE;
    width:180px;
    height:20px;
    padding:5px;
}
#grippie {
    background:#CCC;
    width:180px;
    height:20px;
    padding:5px;
}

CSS:

<div id="resizeable">Test</div>
<div id="grippie">Drag me</div>

$(document).ready(function () {

    $("#grippie").resizable({
        alsoResize: "#resizeable"
    });

    $('#resizeable').resizable();

});

#resizeable {
    background:#EEE;
    width:180px;
    height:20px;
    padding:5px;
}
#grippie {
    background:#CCC;
    width:180px;
    height:20px;
    padding:5px;
}

试试这个

在HTML中没有看到任何
#grippie
，在Jquery中也没有看到任何
#grippie
？@Aquillo抱歉，我现在更新了它。请喝一杯look@SRamanujam您的代码适合我：。@Eli我是这样尝试的抱歉，但我想调整您为div实现的texarea的大小。是否可以从
#gripie
div调整texarea的大小。例如，在stackoverflow中发布问题时，会出现一个texarea，用户可以在按钮上拖动一个div来放大文本区域