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为“编辑”的按钮。

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

jquery在点击时不会触发

2 个答案: