JQuery Change CSS Display не работает - PullRequest
Новая
       1

JQuery Change CSS Display не работает

1 голос
/ 01 декабря 2010

У меня это работает на chrome и firefox, в основном, когда пользователь нажимает на вложенное изображение, оно меняет основное изображение, изменяя свое свойство display с 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?

Спасибо!

1 Ответ

6 голосов
/ 01 декабря 2010

«наследовать», к сожалению, недопустимое значение в IE.Вы можете попробовать "", это должно сработать ( живой пример ), за исключением некоторого правила таблицы стилей, говорящего иначе для этого элемента ( как этот ).

Не по теме, ноесли вам нужен более короткий способ написания .css("display", "none"), вы можете использовать .hide().: -)

...