click()的jQuery回调不起作用

时间:2012-04-28 16:13:54

标签: javascript jquery html5 jsp tomcat

我想点击此链接进行简单的动画

<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>

我很确定jQuery和lib.js被包含在内,因为从开发人员工具控制台(在Chromium上)我可以让它做动画;此外,它们都在开发人员工具的脚本选项卡中。

由于

1 个答案:

答案 0 :(得分:7)

请注意,在jfiddle中,它包括页面的onload函数中的jQuery点击处理程序;你在lib.js文件中这样做了吗?

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

(使用$(function() {});是在DOM准备就绪时运行该代码的简写 - 请参阅jQuery .ready() documentation。)

甚至更好:

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

能够处理未来可能的冲突。