このフォーラムを検索することは非常に有益でしたが、私は今、答えが見つからない問題を抱えています.jQueryとjavascript、またはコーディングは初めてです.できます。
jquery プラグイン bigtext を使用してテキスト ボックスを作成しようとしています。テキスト ボックスをドラッグ可能にし、キーアップごとにテキストを更新してユーザーが編集できるようにする必要があります。テキストボックスには幅が設定されます。
このフォーラムの過去の回答を使用して、ドラッグ可能なテキストボックスを作成できましたが、ユーザーがテキストを入力すると、bigtext プラグインが機能しなくなり、幅に合わせてテキストの高さが調整されません。
HTML
<div id="d" >
<div id="e" contenteditable="true">edit me</div>
</div>
JS
$("#d").draggable()
.click(function () {
$(this).draggable({
disabled: false
});
}).dblclick(function () {
$(this).draggable({
disabled: true
});
});
$("#d").bigtext();
CSS
#d {
width:300px;
border: 1px dashed;
}
http://jsfiddle.net/grhm/r6GSS/3/
ユーザーがテキストを入力して別のボックスに出力するテキストボックスを作成することもできます.bigtextプラグインは出力テキストボックスで動作しますが、ボックスをドラッグ可能にしようとすると動作しなくなります.
HTML
Enter text Here <input id="input" value="Edit This">
<div id="Mainbox" style="width:300px;border:1px dashed">
<div id="preview">Edit This</div>
</div>
JS
$(function () {
var update = function () {
$(" #preview").text($("#input")[0].value);
$("#Mainbox").bigtext().draggable();
}
$("#input").on("keyup", update)
update();
});
どんな助けでも大歓迎です。