2013-01-21 5 views
0

나는 두 번째 상자에서 하나 개의 박스 에코에 어떤 사용자 유형을하려고하지만 두 번째 상자는 텍스트 크기를 고정 할 필요가있다. 누군가가 JSFiddle에서 코드 작업을 수행하도록 도와 주었지만 필자는 그것을 바이올린 외부에서 사용해야합니다. 이 http://jsfiddle.net/ener3/JQuery와 피팅 텍스트 상자의

+1

아마 당신에게

<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"/> 

이것은 JSFiddle 링크가 무엇 정말 할 필요가 : 이것은 내 코드입니다 작동하지 않는 것을 설명 할 수 있습니까? –

+1

누군가 스크립트 태그 사용에 대해 오해 한 것 같습니다. – adeneo

+0

그것은 모든 (그래서하고있어 아무것도)에서 텍스트를 echo'ing 아니에요 – KDD

답변

4

을 :

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

가되어야한다

 <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> 
+0

아 그래 내가도 함께. 그것으로 문제가 있는지 찾기 위해 노력했기 때문에 거기에 두 배로 것을 넣어 읽기 SRC?. -'와 아약스 .... 태그를' "// 아약스 ... 외부. 그것이 작동하지 않습니다 – KDD

+0

당신이 SRC를 종료했다"복사 내 대답을 붙여, 나는이 –

+0

오 흥미로운 확인 감사를 작동하여 테스트 당신! – KDD

관련 문제