可编辑的文本框宽度

时间:2009-09-22 04:39:33

标签: jquery jeditable

无论如何,当使用内联替换为jeditable时,文本框大于文本。我想给用户空间在现有文本之上添加新文本。

1 个答案:

答案 0 :(得分:25)

您可以在设置中指定heightwidth,将文本框设置为特定的高度和宽度。 还有一个函数回调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>