2012-10-14 4 views
0

http://lrroberts0122.github.com/DWS/lab6/level-3/index.html동적 단락 텍스트는

내가 할 노력하고있어

http://lrroberts0122.github.com/DWS/lab6/level-3/js/script.js

: 텍스트가 입력 한 동적으로 나타나도록을 필드에 대해 "프로필 링크"나는 그것을 만들려고 노력하고 있어요 "fitandawesome.com/"다음에 사용자의 프로필 링크가 표시됩니다.

좋아, 이것이 내가 추가 한 내용이며, 출처에 따르면, 이어야합니다. 왜 안 그래? 누구든지 나를 도울 수 있다면 크게 감사하겠습니다. JavaScript에 너무 익숙하지 않습니다.

업데이트 좋아요, 그래서 나는 머리 대신 본문에 스크립트를 넣음으로써 작동하도록했습니다. 나는 아직도 느긋한 시간을 보내고 있기 때문에 문제가있다. 입력 된 마지막 문자는 표시되지 않습니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까?

+0

나에게 좋을 것 같습니다. http://jsfiddle.net/MNWKV/ – kumiau

답변

1

DOM이로드되면 script.js를 호출해야합니다. 이 작업에는 두 가지 방법이 있습니다.

  1. 본문 끝 부분에 script.js를 연결하십시오.
  2. 페이지가로드 된 후 jQuery 이벤트 수신기를 사용하여 코드를 실행하십시오.

.

$(function(){ 
    $('#profile_link').keypress(function(){ 
     $('#preview').text($(this).val()); 
    }); 
}) 
+0

이 작동하고 스크립트 전에 함수 비트를 추가 한, 그러나 그것은 느려지고 있습니다. 입력 한 마지막 문자가 표시되지 않습니다. – Lindsay

+0

이유가 무엇인지 알고 계십니까? – Lindsay

+0

텍스트를 입력하기 전에 keypress()가 발생하여이를 수정하기 위해 keyup을 사용했습니다. http://jsfiddle.net/MNWKV/1/ (참조 : http://stackoverflow.com/questions/8795283/jquery-get-input-value-after-keypress) – kumiau