调整大小对于就地编辑 JQuery UI 文本区域可编辑如何工作？答案

【问题标题】：How does resizing work for edit-in-place JQuery UI textarea editable?调整大小对于就地编辑 JQuery UI 文本区域可编辑如何工作？
【发布时间】：2014-06-30 05:27:46
【问题描述】：

我无法将 JQuery Edit-In-Place 文本区域设置为固定大小。

基本上我有一个 HTML 文件，其中一部分有一个名为 editable-large 的段落：

<div class="profile">
   <h2>About Me</h2>
   <p class="editable-large">
         Ansel Easton Adams (February 20, 1902 – April 22, 1984) was an American photographer and environmentalist, best known for his black-and-white photographs of the American West, especially in Yosemite National Park.
   </p>
</div>

我有一个与该段落相关联的 JQuery JS 文件，可以在适当的位置对其进行编辑。所以每当有人点击该段落时，它就会变成一个文本区域。

$(".editable-large").editable(
    {  submit: "Save",
       cancel: "Cancel",
       type: "textarea",
       options: {"cols": 80, "rows": 10},
    }).css({"cols": 80,"rows": 10});

我希望 textarea 具有一定的宽度和高度（80 和 10），但无论我输入什么值，它总是相同的大小并且看起来像 this。我非常感谢任何帮助使该 textarea 成为固定大小。

【问题讨论】：

标签： jquery textarea fixed

【解决方案1】：

你可以给你的 textarea 一个宽度和高度，例如：

textarea{
    width:100px;
    height:50px;
}

【讨论】：

非常感谢！有用！显然，JQuery 文件中的 css 参数没有做任何事情。谢谢！

【解决方案2】：

$(".editable-large").editable(
    {  submit    : "Save",
       cancel    : "Cancel",
       type      : "textarea",
       width     : '100',
       height    : '50'
    }
);

【讨论】：