Как назначить целевой идентификатор jquery ui tabs?

Question

У меня возникли проблемы с пониманием вкладок jQuery ui.

В принципе, я хочу щелкнуть вкладку и загрузить данные за пределами div #tabs. Как мне это сделать?

JQuery:

$(function() { 
$("#tabs").tabs({ 
    collapsible: true, active: false, 
    beforeLoad: function(event, ui) { 
    ui.jqXHR.error(function() { 
     ui.panel.html(
     "Error."); 
    }); 
    } 
}); 
}); 

HTML:

<div id="tabs"><ul><li><a href="datafile.php">Data</a></li></ul></div> 
<div id="outsidediv">load data here</div> 

Прямо сейчас, это загрузка данных внутри #tabs, и я не могу найти любую информацию о том, как изменить цель. Правильно ли я понимаю, что panel - это то, что я хочу установить? И если да, то как мне его установить?

Спасибо!

Answer 1

Вызов

$('#outsidediv').html(/* data here*/); 

внутри функции beforeLoad. Надеюсь, что помогает.