Конфликт jquery.hover() и тега select

pro_xaoc · February 7, 2014

Уважаемые, прошу помощи. Никак не могу понять, почему происходит конфликт. У меня есть DIV на нем стоит jquery.hover, при mousemove высота увеличивается, при mouseout высота уменьшается. Код работает. Теперь добавил на страничку <select> и когда нажимаю на него, одновременно срабатывает hover(mousemove). Никак не могу понять, почему такое, ID прописаны правильно, нет никаких конфликтов имен. Еще один нюанс, в файрфоксе все отлично работает, только google chrome тупит. И еще когда в хроме нажимаю на select, его меню как бы приподнимается вверх, перекрывая его.

Вот код: html

<body><div id="top_band"><div id="in_band"><div class="band_groups"><a href="" ><div class="icon_in_band"><img src="/cpanel/views/images/settings_icon.png" width="40" height="" /></div><div class="text_in_band">Настройка</div></a></div></div></div><select></select></body>

JS:

$(function(){var top_band = $('#top_band');var in_band = $('#in_band');top_band.hover(function(){  $(this).css("height","50");  in_band.css("display","block");},function(){  $(this).css("height","20");  in_band.css("display","none");});});

CSS:

#top_band{height:20px;width:100%;position:relative;background:#444;}#in_band{width:1000px;height:100%;margin:0 auto;padding-top: 5px;overflow: hidden;display:none;}

pro_xaoc · February 7, 2014

При тесте заметил некую особенность, в виндовом хроме работает, не работает только в хроме ubuntu. И что интересно, в css если убрать значение margin:0 у body, то работает, если выставить - не работает. Хром ubuntu версия 32.0.1700.107, Хром винда версия 32.0.1700.107m. Возможно баг?

Edited February 7, 2014 by pro_xaoc

Sign In

Конфликт jquery.hover() и тега select

Question

pro_xaoc

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

pro_xaoc

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information