Hover в IE не работает при наведении на полный div - PullRequest
Новая
       0

Hover в IE не работает при наведении на полный div

1 голос
/ 23 августа 2010

Я использую код jquery addClass, чтобы показать / скрыть элементы при наведении на div.во всех браузерах это работает, но в IE это работает только когда я перемещаю некоторый текст, а не полный div.

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

ОБНОВЛЕНИЕ: код, приведенный ниже, похоже, работает, номой производственный код нет.Пожалуйста, обратитесь по этой ссылке: jsfiddle.net / H2anm / 5 Есть несколько неработающих изображений и тому подобное, но если вы наведете указатель мыши на элемент в пустое пространство справа от имен пользователей, координат местоположения иPref.brand: Gamehouse .. или некоторые из окружающих пробелов ссылок Share / Bookmark, div разрушается, а изменения кнопок / bgcolor исчезают.

javascript: 

$(function() {
$("div.DivThatsTriggeredOnRollover").hover( 
function() {  $("div.hiddentext").addClass("hiddentextShow"); },
function() { $("div.hiddentext").removeClass("hiddentextShow"); });
});

псевдоHTML-код: 

<div class="DivThatsTriggeredOnRollover" style="width:500px;">

<div id="showingtext" style="float:left;width:100px;">
here is showing text
</div>

<div class="hiddentext" style="float:right;width:100px;">
here is hidden text
</div>

</div>

Ответы [ 3 ]

2 голосов
/ 30 августа 2010

Оказывается, что в IE7, если у вас есть несколько плавающих внутри большего div, и вы указываете ширину в одном из внутренних плавающих div, вы должны также указать ширину в самых внешних . Я не уверен, почему это так, но это было исправлено в версии моего кода здесь: http://jsfiddle.net/H2anm/8/

Мне нужно было указать ширину для всего внешнего div, так как я указал один для серого div. до этого, если я скатился с красного / серого, переворот не работал.

2 голосов
/ 23 августа 2010

На самом деле, все работает, как и ожидалось (протестировано в IE6-7-8):

http://jsfiddle.net/ZDyyU/

Если навести курсор мыши на что-либо внутри .DivThatsTriggeredOnRollover, .hiddentext будетпоказать и спрятать, когда вы мышь..showingtext не играет в этом никакой роли, она просто есть.

1 голос
/ 23 августа 2010

Ваш код казался идеальным. не знаю, что происходит

http://jsbin.com/udaqi4

...