JQuery - IE6 - Как FadeOut и FadeIn одновременно?

У меня есть последовательность позиции абсолютного DIV, скажемJQuery - IE6 - Как FadeOut и FadeIn одновременно?

<div>...</div> 
<div style="display:none">...</div> 
<div style="display:none">...</div> 
<div style="display:none">...</div>

Я написал простой код слайд с помощью JQuery

currentDiv.fadeOut('slow'); 
nextDiv.fadeIn('slow');

Он отлично работает в FF/Chrome/Safari/IE7/IE8, но не в IE6. Я нашел в IE6, fadeOut и fadeIn не происходит одновременно, как в других браузерах, fadeIn всегда начинаются после завершения fadeOut. есть идеи?

источник

2010-01-13 Edward

Пожалуйста, не разрабатывайте для Internet Explorer 6. Разработчики ** должны ** заставить пользователей использовать ** рабочий ** веб-браузер. –

@Alan - в работе в мире гораздо больше, чем предпочтений разработчиков. Политика имеет гораздо больший эффект ... – cjk

@Alan. Я работаю в организации с более 500 персоналом, использующим IE6, потому что это все, что предоставляет компания, поэтому для этого нужно разработать. Не могли бы вы посоветовать лучший способ «заставить» всю компанию изменить? @Relax тщательно, и он вполне справедливо получает свой код для работы с IE6. Статистика состоит в том, что очень большое количество людей все еще использует этот browswer. –

Я просто попробовал этот пример и как с FadeIn и FADEOUT работу одновременно в IE6:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
       "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 

    <script> 
    $(document).ready(function(){ 

     $(document.body).click(function() { 
     $("div#one").fadeOut("slow"); 
     $("div#two").fadeIn("slow"); 

     }); 

    }); 
</script> 
<style> 
    span { color:red; cursor:pointer; } 
    div { margin:3px; width:80px; display:none; 
    height:80px; float:left; } 
    div#one { background:#f00; display:block;} 
    div#two { background:#0f0; } 
    div#three { background:#00f; } 
</style> 
</head> 
<body> 
<span>Click here...</span> 
<div id="one"></div> 
<div id="two"></div> 
<div id="three"></div> 
</body> 
</html>

Я изменил пример из: http://docs.jquery.com/Effects/animate#paramsoptions

Я заметил перед этим установка отображения стилей в none в фактическом div, а не в файле css или через jquery, может иногда вызывать проблемы. Попробуйте просто дать каждому div класс displaynone вместо установки своего тега стиля. Надеюсь, это поможет и удачи!

источник

2010-01-13 18:42:28

Вы проверили этот сайт: http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm

? Вот GOOG плагин для JQuery: http://malsup.com/jquery/cycle/

источник

2010-01-13 10:48:18 MaikL80

Вы пробовали писать собственные анимации для достижения затухает, а не использовать по умолчанию в комплект поставки. Я не знаю, что это будет лучше, но, возможно, стоит попробовать.

http://docs.jquery.com/Effects/animate

источник

2010-01-13 15:01:58 graphicdivine

Да, когда-либо пробовал, но не повезло – Edward

JQuery - IE6 - Как FadeOut и FadeIn одновременно?

ответ

Смежные вопросы