2

通过这个论坛搜索非常宝贵，但我现在有一个问题我找不到任何答案，我是 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();
});

http://jsfiddle.net/TgafU/4/

任何帮助，将不胜感激。

4

0 回答 0