如何将标题对象嵌套在jQuery Accordion中
我有一个UL列表,出于CSS样式的原因,我需要将我希望用作手风琴标题的对象嵌套在LI中的一个div中。以便:如何将标题对象嵌套在jQuery Accordion中,jquery,jquery-ui,jquery-ui-accordion,Jquery,Jquery Ui,Jquery Ui Accordion,我有一个UL列表,出于CSS样式的原因,我需要将我希望用作手风琴标题的对象嵌套在LI中的一个div中。以便: <ul> <li> <div> <h4>Header</h4> </div> <p>This is my content</p> </li> ... other lis... </
<ul>
<li>
<div>
<h4>Header</h4>
</div>
<p>This is my content</p>
</li>
... other lis...
</ul>
当我将标题设置为h4时,它不起作用,当我使用div时,它只在div中的填充从h4下面露出的边缘起作用。有没有办法将div中的h4作为标题引用?我尝试了'div>h4',但不起作用。我相信这很简单,但我还没有发现怎么做
提前干杯。手风琴的工作原理是找到标题选择器匹配项,然后调用
.next()
获取内容部分。因此,对于您的标记,只需使用以下内容:
$('ul').accordion({
header: 'li>div' //.next() will get the <p>
});
手风琴({
标题:'li>div'/.next()将获得
});
我对此进行了测试,在这里效果很好。手风琴的工作原理是找到标题选择器匹配项,然后调用
.next()
获取内容部分。因此,对于您的标记,只需使用以下内容:
$('ul').accordion({
header: 'li>div' //.next() will get the <p>
});
手风琴({
标题:'li>div'/.next()将获得
});
我对此进行了测试,在这里可以正常工作。如果您使用的是单击事件,它似乎可以正常工作,但如果您使用的是鼠标悬停事件,它就不能正常工作。@BenAlabaster-这在Firefox、Chrome和IE中对我有效,您在哪个浏览器中发现问题<代码>$('ul')。手风琴({标题:'li>div',事件:'mouseover'})代码>如果您使用的是“单击”事件,它似乎可以正常工作,但如果您使用的是“鼠标悬停”事件,它就不能正常工作。@BenAlabaster-这在Firefox、Chrome和IE中对我有效,您在哪个浏览器中发现问题<代码>$('ul')。手风琴({标题:'li>div',事件:'mouseover'})代码>