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

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

4 голосов
/ 13 января 2010

У меня есть последовательность положения абсолютного div, скажем, 

<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. есть идеи?

Ответы [ 3 ]

2 голосов
/ 13 января 2010

Я только что попробовал этот пример, и 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 вместо того, чтобы устанавливать его тег стиля. Надеюсь, это поможет и удачи!

2 голосов
/ 13 января 2010

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

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

0 голосов
/ 13 января 2010

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...