2012-04-28 90 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頁面上運行。我寫的js代碼與

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

進口我敢肯定被包括在內,因爲從開發者工具的控制檯(鉻)jQuery和lib.js我可以把它做動畫不同的文件;而且它們都在開發工具的腳本標籤中。

感謝

+1

檢查螢火蟲控制檯選項卡以查看是否存在其他腳本錯誤 – Shyju 2012-04-28 16:15:59

+5

執行代碼時DOM尚未準備好。把它放在DOM就緒事件處理程序中。 – 2012-04-28 16:18:36

+0

既沒有錯誤也沒有警告,無論是在螢幕控制檯選項卡和腳本標籤中。 – gc5 2012-04-28 16:19:51

回答

7

注意到在jfiddle它包括頁的onload功能的jQuery的click處理程序;你在你的lib.js文件中做這件事嗎?

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

(使用$(function() {});是用於運行代碼時,DOM就緒速記 - 看到jQuery .ready() documentation。)

甚至更​​好:

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

到能夠處理未來可能衝突。

+0

第一個解決方案的工作,其次不在我的情況。謝謝 :) – gc5 2012-04-28 16:33:09