Question

我正在使用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。

<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

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

1 个答案: