jquery - ジェダイタブルなテキストボックスの幅

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>