Вопрос

Здравствуйте, я использую плагин jquery accordion на 2 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 не назывались идентификаторами, и текст нужно было изменить в ссылке, а не в заголовке.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top