Отладка кнопок javascript

Question

У меня есть два скрипта java, запускаемых двумя отдельными кнопками. Я пытаюсь запустить это из шаблона django. Button 1 работы, но Button 2 нет. Я пытаюсь сделать кнопку 2 работы. Любая причина, почему кнопка 2 не работает? Или как это исправить?

<script type="text/javascript"> 
    function addMore() 
    { 
     alert("Click!"); 
    } 
</script> 

<script> 
    $('#add_more').click(function() { 
     alert('click'); 
    }); 
</script> 

<button onclick="addMore()">Button 1</button> 
<input type="button" value="Button 2" id="add_more"> 

Answer 1

оберните код в $(document).ready() метод. ех,

$(document).ready(function(){ 
     $('#add_more').click(function() { 
     alert('click'); 
    }); 
}); 

функции внутри .ready() метод инициализирует когда весь документ готов.

Answer 2

Вам может понадобиться, чтобы обернуть, что в этом:

$(document).ready(function() { 
    $('#add_more').click(function() { 
     alert('click'); 
    }); 
}); 

http://jsfiddle.net/HF5Bd/

Answer 3

Вы всегда должны использовать функцию JQuery ready для обеспечения загрузки документа до того, как код выполняется. Например:

$(function() { 
    $('#add_more').click(function() { 
     alert('click'); 
    }); 
}); 

Answer 4

1) ваш второй скрипт загружается перед DOM. Вы должны использовать document.ready

$(document).ready(function(){ 
    $('#add_more').click(function() { 
    alert('click');  
    }); 
}); 

---

2) другой вариант заключается в перемещении

<script> 
    $('#add_more').click(function() { 
    alert('click');  
    }); 
</script> 

ниже

<input type="button" value="Button 2" id="add_more">