2010-10-12 2 views
1

Я использую этот плагин согласно link text 3-ю один вниз ... 3: Non-гармошки (стандарт расширяемого меню), и каждый литий выглядит следующим образомAccordian не работает со всеми моими данными

<li> 
<a href="#">Burswood Dome - Burswood Wa, Australia</a> 
     2010-10-04 
     <ul class="acitem"> 
       <br><input id="yes_song1" name="yes" type="radio" value="song[1]" /> 
       Yes 
       <br><input id="no_song1" name="no" type="radio" value="song[1]" /> 
       No 
       <li>master of puppets</li> 
</ul> 
</li> 

Любой причина, почему аккордеон не работает, потому что, если я использую только li с текстом, он отлично работает ...

ответ

2

Вам нужно убедиться, что LI являются единственными дочерними элементами элемента UL. Кроме того, даже если вы не должны иметь элемент br в качестве прямого дочернего элемента ul, вы должны написать <br /> вместо <br>.

+0

что вы имеете в виду ... делать я слишком много HTML там – Trace

+0

'UL' элемент является неупорядоченный список. Браузеры ожидают, что под ними будут 'LI' (элементы списка). Когда вы помещаете что-то вроде' BR' непосредственно под 'UL', браузер, вероятно, будет набрасывать на вас ошибки. Причина, по которой аккордеон возможно, связано с является. Сделайте свой HTML-код 'UL', и я уверен, что он это выяснит. – treeface

+0

Согласовано - теги 'ul' и' ol' ** должны иметь теги 'li' и ** только **' li', как их дети. Не допускается 'div',' br', 'span' или любые другие теги (или стандартный текст). Они должны быть в тегах 'li'. – ClarkeyBoy

2

Причина, почему сценарий разрушения происходит потому, что http://jqueryui.com/demos/accordion/

Разметка вашего аккордеона контейнера необходимо пары заголовков и содержимого панелей:

Так оно и должно быть чередование элементов, один для заголовок, один для контента. Шахта пара дивы, с именами классов CSS accHeader и accContent, как таким образом:

<div class='accHeader'>... blah blah blah ... </div> 
<div class='accContent'> ... blah blah ... </div> 
<div class='accHeader'>... blah blah blah ... </div> 
<div class='accContent'> ... blah blah ... </div> 
<div class='accHeader'>... blah blah blah ... </div> 
<div class='accContent'> ... blah blah ... </div> 

И мой аккордеон работает просто отлично. Кроме того, имейте в виду, что вы можете вложить все, что хотите, в div. В том числе <br /> s

+0

, а не редактировать, я добавлю комментарий для будущих читателей. Я просто понял, что у него был вопрос, который был первоначально помечен как «jquery-accordion», но он использует элемент управления стороннего контрафакта, а не jquery-ui, что и есть Я связал эти два значения. Поэтому мой ответ не на 100% правильный. Благодарю. – jcolebrand

0

У меня была такая же проблема, но в моем случае это было потому, что я использовал обычный «диспетчер сценариев» вместо использования «Менеджера сценариев инструментов». Попробуйте поменять местами, и это может сработать нормально. право «Инструментарий Script Менеджер» является надмножеством «Script» менеджера

Надежда Я был в состоянии помочь.

 Смежные вопросы

  • Нет связанных вопросов^_^