jquery手风琴头

Question

你好我在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 + ")");

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

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

谢谢

Answer 1

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

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

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

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