2012-08-15 48 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