jQuery не запускается при нажатии

Question

Я начинаю вставлять некоторые любительские jQuery в проект Django, и у меня проблемы. HTML ГОЛОВА раздел файла выглядит следующим образом:

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, и все они работают. Любая помощь будет оценена по достоинству.

Answer 1

Вам необходимо прикрепить свой обработчик событий после элемент создается внутри DOM. Причина, по которой работает в jsFiddle, потому что jsFiddle автоматически оборачивает код внутри

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

Answer 2

Чтобы связать его, вы можете сделать что-то вроде

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

заменить document с родительским контейнером.