可編輯的文本框寬度

Question

無論如何，當使用內聯替換為jeditable時，文本框大於文本。 我想給用戶空間在現有文本的頂部添加新文本。

Answer 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>