Пользовательский интерфейс jQuery и загрузка данных во вкладку

Question

Я использую пользовательский интерфейс JQuery для создания вкладки и хочу, чтобы содержимое моего php-файла было введено в эту вкладку.Я начинаю с создания вкладки, а затем выбираю ее.

function createTab2() {
       //create a tab
       $("#tabs").tabs("add","#tabs-2","Second Tab");
       $("#tabs-2").css("display","block");   
       $('#tabs').tabs('select', "#tabs-2");        
       $.get('tab2.php', function(data) {
            $('.result').html(data);
            alert('Load was performed.');
        });
}

Я попытался использовать функцию JQuery .get, чтобы вернуть данные, и она работает нормально, когда появляется предупреждение.Однако содержимое не вводится во вкладку - я просто вижу их в своей консоли Javascript.

Как сделать так, чтобы содержимое php-файла отображалось на этой вкладке?

Answer 1

В вашей разметке для вкладки 2 вам нужно добавить href к исходному html.

<div id="tabs">
 <ul>
     <li><a ><span>Content 1</span></a></li>
     <li><a href="tab2.php"><span id="tabs-2">Content 2</span></a></li>
     <li><a ><span>Content 3</span></a></li>
 </ul>
</div>

или вы можете попробовать загрузить вкладку напрямую.

$("#tabs-2").load('tab2.php');

источник