可编辑的文本框宽度答案

【问题标题】：jeditable textbox width可编辑的文本框宽度
【发布时间】：2009-09-22 04:39:32
【问题描述】：

在使用可编辑的内联替换时，无论如何使文本框大于文本。我想给用户空间以在现有文本之上添加新文本。

【问题讨论】：

【解决方案1】：

您可以在设置中指定height 和width 以将文本框设置为特定的高度和宽度。 ~~还有一个函数回调onedit，你可以连接它来设置编辑框的特定大小~~ 这不起作用。

<span id="edit">hello world!</span>

<script type="text/javascript">
 $(document).ready(function(){
 $("span#edit").editable("....",
 {
            event: "click",
            style: "inherit",
            onblur: "submit",
            width:($("span#edit").width() + 200) + "px", // THIS DOES THE TRICK
            height:($("span#edit").height() + 100) + "px", //THIS DOES THE TRICK
            placeholder: "Click to set text",
            tooltip: "Click to update"
        });
   });
</script>

【讨论】：