JQuery Accordion: Open div врезается для соответствия содержанию - PullRequest
Новая
       4

JQuery Accordion: Open div врезается для соответствия содержанию

1 голос
/ 02 февраля 2010

Я получу право на это. Вот фотография того, о чем я говорю в заголовке: JQuery Accordion Bug . Обратите внимание на то, как контур div врезается с правой стороны, чтобы соответствовать содержанию того, что я выбрал. Я заблокировал содержимое div в Paint из соображений конфиденциальности, но вы поняли идею. Это происходит, когда у меня уже открыт другой элемент, и я пытаюсь открыть другой. Если все элементы закрыты, и я нажимаю, чтобы открыть элемент, он выглядит хорошо (на самом деле, если вы внимательно посмотрите, он включается, а затем очень быстро корректируется). Только когда один элемент уже открыт, и я нажимаю на другой, этот сбой происходит. Ниже приведен код, который я использую для настройки аккордеона: 

$('#demo_accordion').accordion({
    header: "h3",
    active: false,
    autoHeight: false,
    collapsible: true
});

Обратите внимание, что для параметра collapsible установлено значение true, поэтому я разрешаю открывать только один элемент за раз. Теперь вот HTML, который я использую (сокращенно): 

<div id="demo_accordion">
    <% foreach (var entry in Entries) %>
    <% { %>
            <div>
                <h3><a href="#"><%= entry.EntryDate %> - Testing</a></h3>
                <table>
                    <!-- table code here -->
                </table>
            </div>
    <% } %>
</div>

Я также использую встроенный .NET C # в пределах <% и%>. Не знаю, связано ли это с CSS или с чем, но я уверен, что точно слежу за демо онлайн.

Любая помощь будет оценена. Спасибо.

1 Ответ

3 голосов
/ 02 февраля 2010

Если вы посмотрите на документы , это даст вам HTML-форматирование для аккордеона. То, что вы хотите, это что-то вроде этого, где таблица находится в элементе блока, например, div, и этот div следует после заголовка Наличие инкапсулирующего элемента div вокруг каждой части аккордеона не требуется.

Формат должен быть: 

<div id="demo_accordion">
   <% foreach (var entry in Entries) %>
   <% { %>
      <h3><a href="#"><%= entry.EntryDate %> - Testing</a></h3>
      <div> 
         <table>
            <!-- table code here -->
         </table>
      </div>
   <% } %>
</div>

Должен решить вашу проблему.

...