Javascript 调整文本区域大小时同时调整文本大小

如何在调整文本区域大小时同时调整文本大小。下面是我的代码。下面是我的jQuery。我想问题在于点击功能被分离了吗？不过我不确定。我想听听修理这个的建议

JsFiddle：不允许发布JsFidde，所以它在这里 http://jsfiddle.net/mr_eirenaios/Tr92Q/8/

$("#aTx").click(function () {
    $("#DVtx").append('<textarea rows="3" id="aText">Type Here</textarea>');
});
var diagonalScl;
var txSiz;
$(function () {
    $("#DVtx").resizable({
        alsoResize: '#aText',
        create: function (event, ui) {
            diagonalScl = diagonalSwItms();
            txSiz = parseInt($("#aText").css("font-size"));
        },
        resize: function (e, ui) {
            var diagonalSclNw = diagonalSwItms();
            var ratio = diagonalSclNw / diagonalScl;
            $("#aText").css("font-size", txSiz + ratio * 3);
        }
    });
});

function diagonalSwItms() {
    var contentWidth = $("#aText").width();
    var contentHeght = $("#aText").height();
    return contentWidth * contentWidth + contentHeght * contentHeght;
}

---

这就是你所需要的，就像对披头士乐队的热爱。

我在一个新的小提琴中做了这件事。检查一下，我在调整大小元素上使用了stop事件，我发现您用于字体大小的计算返回了一个大值，它是不正确的，所以对字体大小做一些其他计算，并对代码做一些小的更改

标题不匹配问题陈述：-|@Harry-当文本区域调整大小时，OP似乎在试图更改字体大小。@BhushanKawadkar:同意并道歉。谢谢！！：我更想看看哪里出了问题并修复我的代码。