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

我正在使用JQuery UI创建一个选项卡，我希望将我的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。

 
 
 
Content 1
 
Content 2
 
Content 3
 
  

或者您可以尝试直接加载选项卡。

 $("#tabs-2").load('https://stackoverflow.com/questions/9982347/jquery-ui-and-loading-data-into-a-tab/tab2.php'); 

资源