2012-04-28 8 views
0

を働いていないクリックのためのjQueryのコールバック()このリンクを私は単純なアニメーションのクリックをしたい

<a id="C" href="http://www.google.com">Make me disappear</a> 

コールバックは

$("#C").click(function(event) { 
    event.preventDefault(); 
    $(this).hide("slow"); 
}); 

私のコードが動作するjfiddleにいる間、私はすることができませんでjspページでこのコールバックを実行します。私はjQueryとlib.jsが、私はそれがアニメーションを行うことができますので(クロムの)開発者用ツールコンソールから含まれているかなり確信しています

<script type="text/javascript" src="scripts/lib.js"></script> 

でインポート別のファイルにjsのコードを書きました。また、両方とも開発者用ツールのスクリプトタブにあります。

おかげjfiddleには、ページのonload機能であなたのjQueryのクリックハンドラを含むということ

+1

firebugのコンソールタブをチェックして、他のスクリプトエラーがあることを確認してください。 – Shyju

+5

コード実行時にDOMが準備完了していない可能性があります。それをDOM準備完了イベントハンドラに入れます。 –

+0

Firebugのコンソールタブとスクリプトタブの両方で、警告もエラーもありません。 – gc5

答えて

7

お知らせ。 lib.jsファイルでそれをやっていますか?

$(function() { 
    $("#C").click(function(event) { 
     event.preventDefault(); 
     $(this).hide("slow"); 
    }); 
}); 

$(function() {});を使用すると、DOMの準備ができたとき、そのコードを実行するための省略形です - jQuery .ready() documentationを参照してください。)

あるいはさらに良い:

(function($) { 
    // do your stuff here 
})(jQuery); 

可能な将来を処理することができるようにします紛争。

+0

最初の解決策が動作し、2番目は私の場合はありません。ありがとう:) – gc5

関連する問題