jquery append var

Question

경고하는 경우 값을 볼 수 있습니다. 그러나 아래 코드에서 #result에 값을 추가 할 수 없습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까.

<div id="result"></div> 
<button id="more">more</button> 
<script type="text/javascript"> 

var x = 'abcde'; 
var y = x.substring(0,2);  
$('#more').click(function(){ 
$('#result').append(x); 
});   

</script> 

Answer 1

이 코드 샘플을 단독으로 사용할 경우에는 "더 많은 ID를 가진 요소가 없습니다"라는 메시지가 표시됩니다.

즉, <script> 요소 뒤에 나타나는 요소가 너무 적어 테스트 케이스가 지나치게 줄어들어 스크립트가 실행될 때 존재하지 않으므로 이벤트 처리기를 할당하려고합니다.

Answer 2

편집 : 죄송합니다. 나는 그것을 시험 했어야했다, 나쁘다. +1부터 SLak까지

---

코드를 $(document).ready(function() { }); 안에 넣어야합니다. 이유를 알아 보려면 here을 읽어보십시오. 준비

<a href="#" id='more'>More</a> 
<div id="result"></div> 
<script type="text/javascript"> 
$(document).ready(function() { 
    var x = 'abcde'; 
    var y = x.substring(0,2);  
    $('#more').click(function(){ 
    $('#result').append(x); 
    });   
}); 
</script> 

W/O를 문서 - http://jsfiddle.net/Z2EjD/가 - 수있을

<a href="#" id="more">More</a> 
<div id="result"></div> 
<script type="text/javascript"> 

var addToMore = function addToMore() { 
    var x = 'abcde'; 
    var y = x.substring(0,2);  
    $('#result').append(x);  
} 

$("#more").click(addToMore); 
</script> 

을 개선 할 수 있습니다. 누군가가 뭔가를 알면 의견을 말하십시오.