jquery acordeão cabeçalho
Pergunta
Olá, eu estou usando o jQuery acordeão plugin em 2 divs
para configuração I meus divs como este
<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>
, em seguida, na minha função document.ready eu crio o acordeão
$("#contacts").accordion({
collapsible: true, fillSpace: true
});
Quero atualizar os cabeçalhos de teh acordeão, mais tarde, então eu uso
$(headeronline).text("Online (" + onlinecount + ")");
$(headeroffline).text("Offline (" + offlinecount + ")");
o texto do cabeçalho é actualizado, no entanto as novas extremidades texto se sobrepondo o colapso expandir ícone do acordeão.
Estou fazendo algo errado? se assim o que é a maneira correta para atualizar o cabeçalho do acordeão?
Graças
Solução
As suas necessidades de atualização do código a ser alterado da seguinte forma:
$('#headeronline a').text("Online (" + onlinecount + ")");
$('#headeroffline a').text("Offline (" + offlinecount + ")");
O headeronline e headeroffline não estavam sendo referidos como IDs e o texto precisava ser alterado no link, não em vez do cabeçalho.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow