jquery手风琴头

Question

您好，我在 2 个 div 上使用 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，需要更改链接中的文本，而不是标题。