jquery - jquery没有在点击时触发

Question

我开始在我的 Django 项目中插入一些业余 jQuery，但遇到了一些麻烦。文件的 HTML HEAD 部分如下所示：

link rel="stylesheet" href="{{ STATIC_URL }}/stylesheets/foundation.min.css">
<script src="{{ STATIC_URL }}javascripts/modernizr.foundation.js"></script>     
<script src="{{ STATIC_URL }}javascripts/jquery.js"></script>
<script src="{{ STATIC_URL }}javascripts/foundation.min.js"></script>
<script src="{{ STATIC_URL }}javascripts/app.js"></script>
<script src="{{ STATIC_URL }}javascripts/jquery.foundation.tabs.js"></script>
<script type="text/javascript">
    $(window).load(function() {
    $('#slider').orbit();
    });
</script>
<script>
    $('#edit').click(function () {
    alert("heyyyy")
    });
</script>

在 BODY 中，我有一个 ID="edit" 的按钮。

<button id="edit" class="small button right">Izmeni</button>

如果我将此代码粘贴到 jsFiddle 中，它将起作用，我可以看到警报。但是，它不适用于我的情况。与 jsFiddle 的唯一区别是我使用的是 Zurb 基础框架，它带有许多 jQuery 函数并且它们都可以工作。任何帮助，将不胜感激。

Answer 1

在 DOM 中创建元素后，您需要附加事件处理程序。它在 jsFiddle 中工作的原因是因为 jsFiddle 自动将您的代码包装在

$(document).ready(function(){
    // your code here
});

Answer 2

要绑定它，您可以执行以下操作

$(document).on('click','#edit',function() {
    alert('Hey');
});

替换document为您的父容器。