我想点击此链接进行简单的动画
<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上)我可以让它做动画;此外,它们都在开发人员工具的脚本选项卡中。
由于
答案 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);
能够处理未来可能的冲突。