2013-03-20 159 views
0

我开始插入一些业余jQuery到我的Django项目中,并且遇到了一些麻烦。该文件的HTML HEAD部分看起来是这样的:jquery没有触发点击

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> 

在身我与ID =“编辑”按钮。

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

如果我将这段代码粘贴到jsFiddle中,它会工作,我可以看到警报。但是,在我的情况下它不起作用。与jsFiddle唯一不同的是我使用的是Zurb基础框架,它带有很多jQuery功能,并且都可以工作。任何帮助,将不胜感激。

回答

3

您需要在之后附加您的事件处理程序该元素在DOM中创建。它工作在的jsfiddle的原因是因为的jsfiddle自动换行的

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

谢谢,这似乎是合乎逻辑的,但由于我的开发服务器刚刚去香蕉,我会盲目接受你的答案,而不会尝试它:) – ivica 2013-03-20 23:08:00

0

内的代码绑定它,你可以不喜欢

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

的东西与你的父容器更换document