Возможно, вам придется сделать это самостоятельно, перехватив нужную вкладку и загрузить содержимое. Например, вы можете включить фактический URL для загрузки фрагмента в атрибут данных, скажем, data-content-url="/page #content", и загрузить его в select событие. Итак, это будет выглядеть примерно так:
$('#tabs').tabs({
select: function(event, ui) {
var $tabAnchor = $(ui.tab);
if (ui.index == 0 && !$tabAnchor.data('completed')) {
$($tabAnchor.attr('href')).load($tabAnchor.data('content-url'), function() {
// indicate the content has been loaded
$tabAnchor.data('completed', true);
});
}
}
});
HTML будет выглядеть примерно так:
<div id="tabs">
<ul>
<li><a href="#tabs1" data-content-url="/page #content">Tab Head</a></li>
<li><a href="#tabs2">Tab 2</a></li>
</ul>
<div id="tabs1"></div>
<div id="tabs2">...</div>
</div>