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

jQuery UI and loading data into a tab

本文关键字：选项 加载 数据 UI jQuery      更新时间：2023-09-26

我正在使用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文件的内容显示在此选项卡中？

在选项卡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');

源

相关文章：