使用jquery调整文本框中的文本和div

Question

我有一个带有文本框的空div，如果我在文本框中写一些东西，如果我通过拖动到角落放大div，文本框内的文本应该随文本框增加。

截至目前，我可以将文本框放大到div的大小，但现在我需要放大文本框。

任何帮助都会得到极大的帮助！

这就是我所拥有的： http://jsfiddle.net/gmrcn/2/

这是我的代码：

  $(function () {

     $('.demo')

    .draggable()

    .resizable();

    });

这是设计代码：

<div class="demo">

        <textarea name="TextBox1" rows="2" cols="20" id="TextBox1"></textarea>

    </div>

CSS：

    #TextBox1 {
    width: 100%;
    height: 100%;
}

.demo {
    width: 150px;
    height: 150px;
    padding: 5px;
    background-color: #ff8811;
    position: absolute;
    top: 150px;
    left: 300px;
}

#content
{
    padding-bottom: 3em;
}

Answer 1

您可以挂钩可调整大小的方法的resize事件，例如：

$(function () {

     $('.demo')
    .draggable()
    .resizable({
        resize: function(event, ui) {
           $('#TextBox1').css('font-size', $(this).height() / 3);
        }
    });
 });