jquery append var

Question

如果我警告x我可以看到值。但是从下面的代码中，我似乎无法将值附加到#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

编辑：哎呀，你的代码有效。我应该测试一下，不好。 +1 to SLaks

---

您需要将代码放在$(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>

这可能会得到改善。如果有人注意到了什么，请发表评论。

Answer 2

如果我们要单独使用此代码示例，那么答案是“您没有一个ID为'more'的元素点击”。

那就是说，你可能得到了一个过度减少的测试用例，它没有显示所述元素出现在<script>元素之后，因此当脚本运行并尝试分配事件处理程序时不存在