Question

我有一个PHP数组。我必须循环它以查询3个MySQL表。所有表的属性都相同，只是表名不同。

一旦我得到结果，我必须在tabbed-pane中显示它。我将有3个选项卡式窗格。当我单击选项卡时，相应的结果应填充表格。

如何检索和显示此内容？

Answer 1

在jQuery UI中查看Tabs小部件：http://jqueryui.com/demos/tabs/

有几种方法可以使用数据填充选项卡。最简单的方法是使用PHP生成类似于此的HTML：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">
        <p>Tab 1 content</p>
    </div>
    <div id="tabs-2">
        <p>Tab 2 content</p>
    </div>
    <div id="tabs-3">
        <p>Tab 3 content</p>
    </div>
</div>

将“tabs-x”div标签内的数据替换为数据库查询的输出。

用于初始化标签的Javascript：

$(function() {
    $("#tabs").tabs();
});

如果您需要在单击时填充选项卡，请查看AJAX选项：http://jqueryui.com/demos/tabs/#ajax

查询MySQL表并在tabbed-pane中显示结果

1 个答案: