jQuery UI和将数据加载到选项卡中

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的标记中，您需要向源html添加一个href。

<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');

source