www.Litecode.ru – Сборник рецептов для создания сайтов

JQuery Accordion, бага в Internet Explorer

ГлавнаяJavaScript → JQuery Accordion, бага в Internet Explorer

Проблема:

На днях запускал новую web-систему, в которой реализовал левое меню на jQuery Accordion. На этапе тестирования кроссбраузерности, как всегда огорчил IE, причем, восьмой версии. В стандартном примере, здесь http://jqueryui.com/demos/accordion/, этот косяк малозаметен, но если внимательно присмотреться — видно. Но стоит чуть модифицировать верстку, под требуемый шаблон, то дергаться в IE начинает конкретно, причем и по высоте и по ширине.

Решение:

Все дело в том, что по умолчанию включен эффект плавного открывания. Единственный верный способ это определять браузер, и для всех MSIE ставить animated: 'false'. Вот рабочий пример:

    <script>$(function(){
        $("#accordion").accordion({ header: "h3",
                                autoHeight: false,
				collapsible: true,
                                active: 0,
				animated: false});});</script>

Для нормальных браузеров, параметр animated можно не отключать, эффект красивый. В Firefox, Opera, Safari, Chrome - работает супер.