IE и mouseover, mouseout
Суть в следующем, динамически создаю сетку из div’ов при наведение на которые, должно всплывать некое окно (тоже div) везде все хорошо работает кроме, естественно, ie, при чем независимо от версии.
Долго крутил вертел искал ошибку, потом чисто случайно попробовал при создание div’ов указывать параметр “background-color” и все заработало. При этом работает, только если конкретно указывать цвет, не какие “ none” не помогают, аналогичная история если указать “background-image”, хотя с ним проще, можно указать несуществующее изображение. Естественно ни фон, ни изображение (даже несуществующее) мне там ненужно, а нужен прозрачный блок, в общем, что за х..ня, и как с ней быть? Заранее спасибо.
$(someArr).each(function () {
var someDiv = $('<div>', { id: 'im_'+i, 'rel': i }).css({
'position': 'absolute',
'width': parseInt($(this).css('width'))+'px',
'height': parseInt($(this).css('height'))+'px',
'left': sLeft+'px',
'top': sTop+'px',
'cursor': 'pointer',
'background-image': 'url(images/none)' //несуществующее изображение
});
$('#'+someId).append(someDiv);
});
$('#'+someId).children('div').on('mouseover mouseout', function(event) {
var i = ($(this).attr('rel'));
if (event.type == 'mouseover') return someFunction(i, 1);
else return someFunction(i, 0);
});
|