В настоящее время я собираю навигацию для веб-сайта. Навигация очень проста с помощью меню стиля с вкладками. Когда вы наводите курсор на каждую вкладку, вкладка исчезает с красного цвета с белым текстом - на белый с красным текстом. Когда вы удаляете свою мышь, она затем исчезает с белой кнопки с красным текстом, на красную кнопку с белым текстом. У меня есть все jQuery, написанные и работающие. Основная проблема заключается в Internet Explorer. Это сводит меня с ума!jQuery, Internet Explorer и навигационные вкладки
$(document).ready(function(){
$('.button-text').fadeIn();
$('.red-text').hide();
$('.red-text2').hide();
$('.red-text3').hide();
$('.red-text4').hide();
$('.red-text5').hide();
<!-- toggle visibility of red text on hover -->
$('.white-hover-nav-button').hover(function(){
$('.red-text').fadeIn('fast');
});
$('.white-hover-nav-button').mouseleave(function(){
$('.red-text').hide();
});
$('.white-hover-nav-button2').hover(function(){
$('.red-text2').fadeIn('fast');
});
$('.white-hover-nav-button2').mouseleave(function(){
$('.red-text2').hide();
});
$('.white-hover-nav-button3').hover(function(){
$('.red-text3').fadeIn('fast');
});
$('.white-hover-nav-button3').mouseleave(function(){
$('.red-text3').hide();
});
$('.white-hover-nav-button4').hover(function(){
$('.red-text4').fadeIn('fast');
});
$('.white-hover-nav-button4').mouseleave(function(){
$('.red-text4').hide();
});
$('.white-hover-nav-button5').hover(function(){
$('.red-text5').fadeIn('fast');
});
$('.white-hover-nav-button5').mouseleave(function(){
$('.red-text5').hide();
});
});
белая вкладка .white-hover-nav-button, текст красного текста.
Внутри интернет-исследователя пользователь нажимает на ссылку, и страница меняется. Если пользователь не перемещает мышь вообще, пока страница меняется, белая кнопка появляется снова, но внутри нее нет текста, если вы не отталкиваете мышь от кнопки, а затем снова включаете. Есть ли у кого-нибудь идеи, почему это будет сделано? Я пытался понять все выходные, потому что продолжаю наращивать свой сайт. Он отлично работает в FF и Chrome, но IE очень неудачен, как обычно.
Это ужасно. Очевидно, что он должен работать. Это проблема непрозрачности в IE? Я так не думаю, что это работает иначе. WTF.
Все, что я хочу, так это когда пользователь нажимает на вкладку, и они направлены на следующую страницу, я не хочу, чтобы текст внутри кнопки исчезал и по какой-то причине. даже у меня есть $ ('red-text'). show(); одностраничный груз.
Я предполагаю, что эти элементы объединены в HTML. Вы действительно должны использовать одно имя класса или что-то гораздо более простое и сделать один звонок, чтобы сделать все это. это намного больше. Вернее, чем вам действительно нужно – SpYk3HH
Этот код jQuery может быть переписан, чтобы быть более эффективным. Создайте скрипт своего навигатора на http://jsfiddle.net/ –