2012-08-15 86 views
0

我有一堆單選按鈕和圖像。我試圖使圖像可點擊,因爲我想使用圖像代替單選按鈕。我使用CSS隱藏單選按鈕,在Firefox中,這個腳本很好用,但在IE中完全不起作用(點擊圖片時沒有任何反應)。我做錯了什麼想法?jquery點擊功能不適用於IE 8中的img

$(document).ready(function() { 
    $('img').click(function() { 
     $(this).next().click(); 
    }); 
});​ 

我正在使用jquery 1.6.1。

我不想在點擊後改變圖像,我只想點擊圖像並使用它來代替收音機。我可以在Firefox中單擊圖像,但不能在IE中。

我試圖改變腳本,這和它在IE工作沒有任何問題:

$(document).ready(function() { 
$('img').click(function(){ 
alert("Show me"); 
}); 
}); 
+5

你可以發佈你的HTML或更好的,一個jsFiddle? – j08691 2012-08-15 18:36:57

+0

你正在使用的jQuery的版本? – moettinger 2012-08-15 18:37:01

+0

你是否也可以提供你的HTML代碼來使你的問題更清楚? – hriziya 2012-08-15 18:37:04

回答

1

http://jsfiddle.net/uJ9tK/1/

你對我們的代碼是正確的。無論您是否隱藏單選按鈕,它們都會被點擊。無論您單擊單選按鈕時所做的操作,都是被破壞的部分。我在IE7,8,9和兼容模式下測試了這一點。

+0

非常感謝您的解釋!現在我已經通過隱藏圖像後面的單選按鈕來工作,有沒有辦法在點擊圖像後更改圖像?或者,也許只是改變圖像周圍的邊框,讓用戶知道圖像是已被選中(點擊)的圖像? – user1172854 2012-08-15 20:19:05

+0

當然。 '$(this).css('border','10px');'這將改變邊框樣式。 – 2012-08-15 20:29:42

+0

我會把它添加到腳本的最後部分嗎? $(document).ready(function(){ $('img')。click(function(){(this).next()。click(); $(this).css('border' ,'10px'); }); }); – user1172854 2012-08-15 20:36:05