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

Если мы хотим, чтобы этот образец кода был один, тогда ответ: «У вас нет элемента с идентификатором« больше », чтобы нажать« ».

При этом вы, вероятно, получили слишком уменьшенный тестовый пример, который не показывает, что указанный элемент появляется после элемента <script>, поэтому не существует, когда скрипт запускается и пытается назначить обработчик события.

Answer 2

Редактировать: Oops, ваш код работает. Я должен был протестировать это, мое плохое. +1 к 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> 

Это могло бы быть в состоянии быть улучшена. Если кто-нибудь замечает что-то, прокомментируйте.