Question

我有这个工作在chrome和firefox上，基本上当用户点击子图像时，它通过改变主显示属性从hide到show来改变主图像。这是我的img元素。

<img id="lg1" src="http...
<img id="lg2" style="display:none" src="http...
<img id="lg3" style="display:none" src="http...

我的js看起来像这样：

    $('#graph1').click(function() {
    $("#lg1").css("display","inherit");
    $("#lg2").css("display","none");
    $("#lg3").css("display","none");
});

$('#graph2').click(function() {
    $("#lg1").css("display","none");
    $("#lg2").css("display","inherit");
    $("#lg3").css("display","none");
});

$('#graph3').click(function() {
    $("#lg1").css("display","none");
    $("#lg2").css("display","none");
    $("#lg3").css("display","inherit");
});

在IE中我收到此错误：

Could not get the display property. Invalid argument.

无论如何我可以改变我的代码以使其与Chrome，FF和IE一起使用吗？

谢谢！

Answer 1

不幸的是，

“inherit”在IE上不是有效的显示值。您可以尝试“”，它应该有效（live example）禁止某些样式表规则另外说明该元素（like this）。

偏离主题，但如果您想要更短的方式来撰写.css("display", "none")，则可以使用.hide()。： - ）

JQuery更改CSS显示不起作用

1 个答案: