IE7 проблема с jQuery Accordion и фоновым цветом - PullRequest
Новая
       15

IE7 проблема с jQuery Accordion и фоновым цветом

1 голос
/ 18 октября 2011

У меня проблема с JQuery Accordion Control в IE7.

Аккордеон работает нормально, пока я не добавлю стиль цвета фона к содержащемуся элементу.

У кого-нибудь еще есть IE7, который может понять, почему это проблема?

Я создал jsFiddle для проверки проблемы:
http://jsfiddle.net/SrQUM/10/

Когда я нажимаю на один из верхних аккордеонов, анимация все испортила. Когда я нажимаю один из нижних аккордеонов, все оживляет просто отлично. По сути, похоже, что второй h3 не перемещается в нужное место, когда я раскрываю один из элементов.

(я использую аккордеон для каждого раздела, потому что я хочу иметь возможность расширять несколько элементов одновременно).

1 Ответ

1 голос
/ 19 октября 2011

Мне удалось решить эту проблему.Я не влюблен в решение, но оно работает, и, надеюсь, поддержка IE7 здесь скоро будет прекращена.

Проблема заключалась в том, что элемент FIRST после аккордеона никогда не сдавливался, когда аккордеон расширялся,Исправление состояло в том, чтобы добавить фиктивный div с высотой 0 после аккордеона: 

<div id="accordion">
    <h3><a href="#">Header</a></h3>
    <div>
        <p>Some Content</p>
    </div>
</div>

<p>Some Content Here</p>
<p>Some More Content</p>

Этот первый абзац никогда не был перемещен, но второй был.Поэтому я добавил это к своему коду: 

<script type="text/javascript">
    $(function() {
        $('#accordion').accordion().after('<div class="accordion-clear"></div>');
    });
</script>

и включил стиль: 

.accordion-clear { height: 0px; clear: both; }

Казалось, все работает нормально.

...