Accordian 无法处理我的所有数据

发布于 2024-09-27 08:18:23 字数 638 浏览 6 评论 0原文

我正在使用这个插件链接文本第三个。 .3：非手风琴（标准可扩展菜单），每个 li 看起来像这样

<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 与文本它工作正常......

原文

I am using this according plugin link text the 3rd one down...3: Non-accordion (standard expandable menu) and each li looks like this

<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>

Any reason why the accordion is not working because if i use just li with text it works fine...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

剑心龙吟 2024-10-04 08:18:23

您需要确保 LI 是 UL 元素的唯一子元素。此外，即使您不应该将 br 元素作为 ul 的直接子元素，您也应该编写而不是。

回复收藏 0 原文

定格我的天空 2024-10-04 08:18:23

脚本损坏的原因是 http://jqueryui.com/demos/accordion/

手风琴容器的标记需要成对的标题和内容面板：

因此它应该是交替元素，一个用于标题，一个用于内容。我的是一对 div，带有 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 中嵌套任何您想要的内容。包括

The reason why the script is breaking is because http://jqueryui.com/demos/accordion/

The markup of your accordion container needs pairs of headers and content panels:

So it should be alternating elements, one for a header, one for content. Mine is a pair of divs, with css class names accHeader and accContent, like thus:

<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>

And my accordion works just fine. Also, bear in mind that you can nest whatever you want inside a div. Including <br />s

回复收藏 0 原文