jquery 手风琴标题
你好,我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您的更新代码需要更改如下:
headeronline 和 headeroffline 没有被称为 ID,并且需要更改链接中的文本,而不是标题。
Your update code needs to be changed as follows:
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.