Документация jQuery-UI содержит конкретную демонстрацию по этой самой проблеме.
Получить внешний контент через Ajax для вкладок с помощью , установив значение href во вкладках ссылок . Пока Ajax-запрос ожидает ответа, метка вкладки меняется на «Загрузка ...», а затем возвращается к нормальной метке после загрузки.
Который при использовании выглядит следующим образом (обратите внимание на href
значения каждой ссылки):
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="ajax/content1.html">Ajax Tab 1</a></li>
<li><a href="ajax/content2.html">Ajax Tab 2</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu...tristique tempus lectus.</p>
</div>
</div>