在圖片上添加圖片點擊

-1

我試圖在點擊時添加'nocheck'類到特定圖片的'check'類。下面是我的代碼到目前爲止，這不會產生所需的結果。請讓我知道我做錯了什麼。在圖片上添加圖片點擊

$(document).ready(function() { 
    $("img.check").click(function() { 
     $(this).addClass("nocheck"); 
    }); 
});

感謝

2012-04-07 585connor

你正在添加此文件準備好嗎？ – elclanrs 2012-04-07 04:32:48

是的，編輯過的代碼反映了這一點。 – 585connor 2012-04-07 04:37:38

你可以在它不起作用的地方創建一個小提琴，我覺得你所做的應該沒問題。 – mikevoermans 2012-04-07 04:43:01

伊戈爾是正確的，您的代碼是正確寫入。看看這個fiddle。它顯示你的代碼在行動。我的猜測是，你的.nocheck類中的某種風格被.check類中的相同風格所覆蓋。請注意在我的小提琴的css中使用！important標誌。

你知道如何使用Chrome的調試工具嗎？您可以使用它來輕鬆調查您的DOM。我懷疑你的代碼正在工作，你甚至沒有意識到它。 DOM檢查器將很容易地向您顯示圖像元素的類屬性，因此您將確切知道發生了什麼。您也可以使用它在JavaScript中設置斷點以確認事件正在觸發。

2012-04-07 05:05:55

一直在使用Firebug的檢查這個元素前/後單擊並沒有被添加NOCHECK類 – 585connor 2012-04-07 05:09:21

認沽#friend_box上的事件處理程序http://jsfiddle.net/ecF6b/5/ – 2012-04-07 05:20:21

Walter，運行良好，但它在img.check的所有實例上切換'nocheck'，而不僅僅是在被單擊的特定friend_box中的一個實例。 – 585connor 2012-04-07 05:28:55

您必須刪除舊的階級這個形象像有：

2012-04-07 04:40:17

如果我想讓它成爲原班級的補充，該怎麼辦？ – 585connor 2012-04-07 04:41:15

好吧，如果你只想添加新類到img，你的代碼在第一篇文章中是正確的。但是，爲了增加新課程？ – 2012-04-07 04:50:30

你必須要麼刪除舊的類或編寫相應的CSS（即 - img.check.nocheck {}風格我 – ckaufman 2012-04-07 05:10:00

您可能需要刪除「檢查」在您添加「NOCHECK」的同時。使用.toggleClass()：

$(this).toggleClass("check nocheck");

2012-04-07 04:42:29

回答