0

このリンクをクリックして簡単なアニメーションを作りたい

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

コールバックは

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

jfiddleでコードが機能している間、jspページでこのコールバックを実行することはできません。でインポートされた別のファイルにjsコードを書きました

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

開発者ツールコンソール（Chromium上）からアニメーションを実行させることができるため、jQueryとlib.jsが含まれていると確信しています。さらに、それらは両方とも開発者ツールのスクリプトタブにあります。

ありがとう

4

1 に答える 1

7

jfiddleでは、ページのonload関数にjQueryクリックハンドラーが含まれていることに注意してください。lib.jsファイルでそれを行っていますか？

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

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

またはさらに良い：

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

起こりうる将来の対立に対処できるようにするため。

于 2012-04-28T16:20:05.260 に答える