Получение CSS с JQuery и Internet Explorer

Question

Я пытаюсь получить некоторые CSS с JQuery в Internet Explorer.

CSS установлен во внешнем файле и выглядит так:

#something a {
    text-decoration: none;
    /* since I dont want underline when not hover */
}

#something a:hover {
    text-decoration: underline;
}

И я хочу получить, установлено ли подчеркивание или нет.

Это работает в Firefox и WebKit, но не в IE:

$('a').hover(function() {
    console.log($(this).css('textDecoration'));
    /* this return underline in FF and Webkit but not in IE */
});

Кто-нибудь знает, как заставить его работать в IE?

Answer 1

Добавление setTimeout заставляет его работать:

$("a").hover(function() {
    var x = $(this);
    setTimeout(function() {
      console.log(x.css("text-decoration"));
    }, 1);
});

http://jsfiddle.net/ZGKqC/2/

Answer 2

Попробуйте это, братан:

$('a').css('textDecoration', 'none'); //initially set no underline 
$('a').mouseenter(function() {
    $(this).css('textDecoration', 'underline'); //set underline in hover in
}).mouseleave(function() {
    $(this).css('textDecoration', 'none'); // set no underline in hover out
});

Answer 3

Попробуйте выполнить

$('a').hover(function() {
     console.log($(this).css('text-decoration'));         
});

Answer 4

попробуй вот так ...

$('a').hover(function() {
    $(this).css('text-decoration','underline');
});