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 + ")");
ヘッダーのテキストは更新されますが、新しいテキストはアコーディオンの折りたたみ展開アイコンに重なってしまいます。
何か間違ったことをしていますか?もしそうなら、アコーディオンのヘッダーを更新する正しい方法は何ですか?
ありがとう
解決
次のように更新コードを変更する必要があります:
$('#headeronline a').text("Online (" + onlinecount + ")");
$('#headeroffline a').text("Offline (" + offlinecount + ")");
headeronlineとheaderofflineはIDと呼ばれていませんでした。リンクではなく、ヘッダーでなくテキストを変更する必要がありました。
所属していません StackOverflow