jquery - 可编辑文本框宽度

Question

使用 jeditable 进行内联替换时，是否可以使文本框大于文本。我想给用户空间在现有文本之上添加新文本。

Answer 1

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