избежать автоматического изменения ширины аккордеона jQuery

Как я могу избежать автоматического изменения размера заголовков jQuery Accordion, если я просматриваю контент аккордеона?

Сценарий:

<script type="text/javascript" >
    $(document).ready(function() {
      $("#dvAccordion").accordion(
            { autoHeight: false,
                collapsible: true
            }
        );
     });
</script>

Разметка:

    <div id="dvAccordion">
    <h5><a href="#fragment1"><asp:Label runat="server" ID="lblAccordionRC" Text="Hi" meta:resourcekey="lblAccordionRC"  ></asp:Label></a></h5>
        <div id="fragment1">
            <div style=" height:10px; width:200%; background-color:Blue;"></div>                
        </div>
    <h5><a href="#fragment2"><asp:Label runat="server" ID="lblAccodionUNC" Text="How"  meta:resourcekey="lblAccodionUNC"></asp:Label></a></h5>               
        <div id="fragment2">
            How are You ?
        </div>        
    </div>

Первый аккордеон содержит более широкий div, чем второй. Если я щелкну по первому аккордеону, произойдет изменение размера заголовка аккордеона. Затем, если я нажимаю второй аккордеон, он сжимается. Это делает плохую визуализацию страницы у конечного пользователя. Как я могу удалить это автоматическое изменение размера?


accordion width jquery-ui
person mmk_open    schedule 22.06.2011    source источник
comment
ваш вопрос недостаточно ясен. пожалуйста, попробуйте объяснить больше и, возможно, добавить код.   -  person Rafael Herscovici    schedule 22.06.2011
comment
Какого именно поведения вы хотите? Хотите, чтобы гармошка всегда имела одинаковую ширину? = ›Переполнение: авто; по фрагментам.   -  person Manuel Leuenberger    schedule 22.06.2011
comment
@maenu: Да, ты прав. Я хочу сохранить постоянную ширину.   -  person mmk_open    schedule 22.06.2011
comment
Хм, я не могу воспроизвести описанное поведение (см. Пример jsFiddle здесь). В этом примере кажется, что аккордеон ведет себя так, как вы этого хотите. Может быть, это как-то связано с используемыми вами версиями jQuery и UI?   -  person Manuel Leuenberger    schedule 22.06.2011
comment
@maenu: Ага. Он также работает на машине. Но настоящий код, содержащий множество элементов, таких как ASP.NET GridView, текстовые поля и т. Д., Автоматически изменяет размер аккордеона. Любые возможности?   -  person mmk_open    schedule 23.06.2011
comment
Дубликат stackoverflow.com/questions/6421122/width-of-jquery- аккордеон   -  person CoolEsh    schedule 27.06.2011
comment
@mmk_open: Думаю, у меня такая же проблема: я хочу, чтобы аккордеон использовал максимальную ширину независимо от показываемого содержимого, верно? Вы тем временем получили решение?   -  person Andi    schedule 27.09.2011

Ответы (1)


arrow_upward
5
arrow_downward

установить ширину аккордеона с помощью css

<div id="dvAccordion" style="width:300px;">

по какой-то причине установка ширины в html не работает должным образом с jquery.

person Jonathan    schedule 24.10.2012
comment
‹Div id = dvAccordion style = width: 300px;› - person daveD; 23.02.2013
comment
Вы также можете попробовать обернуть его другим div, а затем установить его ширину. См. Этот ответ. - person bratak; 13.11.2014