2013-03-20 156 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