0

アマチュアの jQuery を Django プロジェクトに挿入しようとしていますが、問題が発生しています。ファイルの 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 Foundation フレームワークを使用していることです。これには多くの jQuery 関数が付属しており、それらはすべて機能します。どんな助けでも大歓迎です。

4

2 に答える 2

3

要素がDOM内に作成された後、イベントハンドラーをアタッチする必要があります。jsFiddleで機能する理由は、jsFiddleがコードを内部に自動的にラップするためです。

$(document).ready(function(){
    // your code here
});
于 2013-03-20T21:46:55.577 に答える
0

それをバインドするには、次のようなことができます

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

document親コンテナに置き換えます。

于 2013-03-20T21:50:13.310 に答える