jqueryfitting文本框'；s

我试图让用户在一个框中键入的内容在第二个框中回音，但第二个框需要锁定为文本大小。有人帮助我使代码在JSFIDLE中工作，但我需要它在FIDLE之外工作。这是我的代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<style media="screen" type="text/css">
#out{
  width:0;
}
</style>

<script type="text/javascript">
$("#in").keyup(function(){
  var tmp = $("<span>")
            .text(this.value)
            .css("font", $("#out").css("font"))
            .appendTo("body"),
      wid = tmp.width();
  tmp.remove();

  $("#out").val(this.value).width(wid);
});
</script>


<input type="text" id="in"/>
<input type="text" id="out"/>

#出去{
宽度：0；
}
$（“#in”）.keyup（函数（）{
var tmp=$（“”）
.text（此.value）
.css（“字体”，$（“#out”）.css（“字体”）
.附录（下称“正文”），
wid=tmp.width（）；
tmp.remove（）；
$（“#out”）.val（this.value）.width（wid）；
});

这是JSFIDLE链接，也是它真正需要做的事情：

这是：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
$("#in").keyup(function(){
  var tmp = $("<span>")
            .text(this.value)
            .css("font", $("#out").css("font"))
            .appendTo("body"),
      wid = tmp.width();
  tmp.remove();

  $("#out").val(this.value).width(wid);
});
</script>

$（“#in”）.keyup（函数（）{
var tmp=$（“”）
.text（此.value）
.css（“字体”，$（“#out”）.css（“字体”）
.附录（下称“正文”），
wid=tmp.width（）；
tmp.remove（）；
$（“#out”）.val（this.value）.width（wid）；
});

应该是：

     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
$(function () {
    $("#in").keyup(function(){
      var tmp = $("<span>")
                .text(this.value)
                .css("font", $("#out").css("font"))
                .appendTo("body"),
          wid = tmp.width();
      tmp.remove();

      $("#out").val(this.value).width(wid);
    });
 });
    </script>

$（函数（）{
$（“#in”）.keyup（函数（）{
var tmp=$（“”）
.text（此.value）
.css（“字体”，$（“#out”）.css（“字体”）
.附录（下称“正文”），
wid=tmp.width（）；
tmp.remove（）；
$（“#out”）.val（this.value）.width（wid）；
});
});

这是：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
$("#in").keyup(function(){
  var tmp = $("<span>")
            .text(this.value)
            .css("font", $("#out").css("font"))
            .appendTo("body"),
      wid = tmp.width();
  tmp.remove();

  $("#out").val(this.value).width(wid);
});
</script>

$（“#in”）.keyup（函数（）{
var tmp=$（“”）
.text（此.value）
.css（“字体”，$（“#out”）.css（“字体”）
.附录（下称“正文”），
wid=tmp.width（）；
tmp.remove（）；
$（“#out”）.val（this.value）.width（wid）；
});

应该是：

     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
$(function () {
    $("#in").keyup(function(){
      var tmp = $("<span>")
                .text(this.value)
                .css("font", $("#out").css("font"))
                .appendTo("body"),
          wid = tmp.width();
      tmp.remove();

      $("#out").val(this.value).width(wid);
    });
 });
    </script>

$（函数（）{
$（“#in”）.keyup（函数（）{
var tmp=$（“”）
.text（此.value）
.css（“字体”，$（“#out”）.css（“字体”）
.附录（下称“正文”），
wid=tmp.width（）；
tmp.remove（）；
$（“#out”）.val（this.value）.width（wid）；
});
});

也许您可以解释一下什么不起作用？似乎有人误解了脚本标记的使用？它根本没有回显文本（因此它什么也没做），您仍然需要使用

$（函数（）{…}）并且不应在原始代码上进行编辑。将新代码作为“编辑”放在问题的底部，以便将来的用户能够理解我们所做的事情。下面是另一个…如何让Po[29439][458]作为文本框的名称来阅读？例如$（“#po[29439][458]”）.keyup（function（）{但这读起来不正确也许你可以解释一下什么不起作用？似乎有人误解了脚本标记的用法？它根本不回显文本（所以它什么也不做），你仍然需要用
$（function（）{…}）来包装它
并且您不应该编辑原始代码。将新代码作为“编辑”放在问题的底部，以便未来用户能够理解我们所做的操作。下面是另一个…我如何让Po[29439][458]作为文本框的名称来阅读？例如$（“#Po[29439][458]”）。keyup（函数（）{但这读起来不正确啊，是的，我把它放在那里了，因为我试图找出它的毛病。即使是src”//ajax…外部-它不工作。你关闭了src吗？”ajax…用
标记？复制并粘贴我的答案，我测试了这项工作很有趣。好的，谢谢！啊，是的，我把它放在那里了，因为我试图找出它的问题。即使使用src+//ajax…外部-它也不起作用。你关闭了src吗？”ajax…用
标记？复制并粘贴我的答案，我测试了这项工作很有趣。好的，谢谢！