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

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

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

からhttp://jsfiddle.net/Z2EjD/ -/O文書準備W

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

。もし誰かが気がついたら、コメントしてください。