fadeToggle для div с div внутри не работает в IE, как ожидалось - PullRequest
Новая
       19

fadeToggle для div с div внутри не работает в IE, как ожидалось

2 голосов
/ 30 января 2012

У меня есть эта настройка: 

<div class="fadetoggle">
  <div>Content</div>
  <div>Content</div>
</div>

И этот код: 

$(".button").click(function () {
  $(".fadetoggle").fadeToggle('slow');
});

Во всех современных браузерах, которые я тестировал, пока он работает, но в IE8 div "fadetoggle" просто показывает / скрывает. Если я использую fadeToggle только для div без детей, он работает в IE8.

Как получается? И есть ли способ заставить fadeToggle в IE работать с моей настройкой?

Ответы [ 2 ]

3 голосов
/ 30 января 2012

Хорошо, вот что происходит:

  1. IE не любит замирания на фиксированных элементах. Поэтому я «завернул» их в div и заставил работать с этим:

    .

    $ ( "Div-обертка") дети () fadeToggle ();.

  2. В другом div внутри «group-div» я объявил положение: относительный & float: прямо в то же время в css. Конечно, это в любом случае избыточно, и поэтому, я думаю, это раздражало IE.

Так что я только что убрал позицию: относительная и теперь все работает нормально.

Спасибо.

1 голос
/ 30 января 2012 
check this not sure frnd

   $(".button").click(function () {
if($(fadetoggle).is(":visible"))//IE8 always evaluates to true.
     $(fadetoggle).hide();
else
     $(fadetoggle).show();
});

изменит это, чтобы удовлетворить ваши потребности

...