jquery手风琴头

时间:2009-10-25 23:25:00

标签: jquery jquery-ui accordion

你好我在2 divs上使用jquery手风琴插件

所以我像这样设置我的div

<div id="contacts" class="mainStyle">
<h3 id="headeronline"><a href="#">Online</a></h3>
        <div id="onlinecontacts"> 
        </div>
<h3 id="headeroffline"><a href="#">Offline</a></h3>
        <div id="offlinecontacts"> 
        </div>
</div>

然后在我的document.ready函数中我创建了手风琴

$("#contacts").accordion({
            collapsible: true, fillSpace: true
        });

我想稍后更新手风琴的标题,所以我使用

$(headeronline).text("Online (" + onlinecount + ")");

$(headeroffline).text("Offline (" + offlinecount + ")");

标题文本确实更新,但新文本最终与手风琴的折叠展开图标重叠。

我做错了吗?如果是这样,更新手风琴标题的正确方法是什么?

谢谢

1 个答案:

答案 0 :(得分:1)

您的更新代码需要更改如下:

$('#headeronline a').text("Online (" + onlinecount + ")");

$('#headeroffline a').text("Offline (" + offlinecount + ")");

headeronline和headeroffline没有被称为ID,而且需要在链接中更改文本,而不是标题。