javascript - click() 的 jQuery 回调不起作用

Question

我想做一个简单的动画点击这个链接

<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 上）我可以让它做动画；此外，它们都在开发人员工具的脚本选项卡中。

谢谢

score 7 · Accepted Answer

请注意，在 jfiddle 上，它在页面onload函数中包含了您的 jQuery 点击处理程序；你在你的 lib.js 文件中这样做吗？

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

（Using$(function() {});是在 DOM 准备好时运行该代码的简写 - 请参阅jQuery .ready() 文档。）

甚至更好：

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

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

1 回答 1