javascript - 调试 javascript 按钮

Question

我有 2 个由两个单独的按钮触发的 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

您应该始终使用 jQuery就绪函数来确保在执行代码之前加载文档。例如：

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

Answer 2

您可能需要将其包装在此：

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

http://jsfiddle.net/HF5Bd/

Answer 3

将代码包装在$(document).ready()方法中。前任，

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

.ready()当整个文档准备好时，方法内部的函数会初始化。

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