jQuery hover для установки позиции слева не работает в IE?

Question

У меня возникла проблема с выполнением кода в ЛЮБОЙ версии IE. ДИВ, который должен быть показ просто не появляется при наведении курсора мыши на всех ...

$('.trigger').hover(function() { 
    $(this).css({'height':'390px','width':'475px'}); 
    $(this).find('.preview_window').css('left', '0px'); 
}, 
function(){ 
    $(this).css({'height':'29px','width':'29px'}); 
    $(this).find('.preview_window').css('left', '-9999px'); 
} 
); 

Это должно быть что-то действительно глупое ... видя, как он работает на все, кроме IE через доску. Может ли кто-нибудь пролить свет?

Answer 1

ОКАЗЫВАЕТСЯ IE просто не нравится где я помещал разрывы строк в функции ...

Вот измененный код, который IE, по-видимому, может понять лучше.

$('.trigger').hover(function() { 
    $(this).css({'height':'390px','width':'475px'}); 
    $(this).find('.preview_window').css('left', '0px'); 
},function(){ //This was also on two lines before 
    $(this).css({'height':'29px','width':'29px'}); 
    $(this).find('.preview_window').css('left', '-9999px'); 
}); // This was on two lines before 

Я знал, что это было что-то глупое. Сейчас все работает. =/

Answer 2

Я думаю, вы должны добавить атрибут позиции в этом DIV:

preview_window { 
    position: relative; 
} 

Answer 3

Вы, возможно, потребуется конкретно определить метод позицию так:

$('.trigger').hover(function() { 
    $(this).css({'height':'390px','width':'475px'}); 
    $(this).find('.preview_window').css({'position':'absolute','left':'0px'}); 
}, 
function(){ 
    $(this).css({'height':'29px','width':'29px'}); 
    $(this).find('.preview_window').css({'position':'absolute','left':'-9999px'}); 
});