jquery 手风琴标题

发布于 2024-08-08 19:49:40 字数 825 浏览 4 评论 0原文

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

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

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

谢谢

Hello I am using the jquery accordion plugin on 2 divs

so I setup my divs like this

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

then in my document.ready function I create the accordion

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

I want to update the headers of teh accordion later on, so I use

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

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

the text of the header does update, however the new text ends up overlapping the collapse expand icon of the accordion.

Am I doing something wrong ? if so what is the correct way to update the header of the accordion ?

Thanks

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

执着的年纪 2024-08-15 19:49:40

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

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

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

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

Your update code needs to be changed as follows:

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

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

The headeronline and headeroffline weren't being referred to as IDs and the text needed to be changed in the link, not instead the header.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文