codeigniter - 如何使用 jquery UI 在 codeIgniter 中创建选项卡式 UI？

Question

我正在使用 codeIgniter 开发 Web 应用程序，对于我的 UI，我想使用 jQuery-UI-Tabs。我不知道如何让我的观点显示在各自的标签中。有帮助吗？

Answer 1

这取决于你想怎么做。

如果你想单独预加载所有的 View ，并把它放在那里，那么方法如下:

在 CodeIgniter 中:

$views['pageOne'] = $this->load->view('view_name', $data, true);
$views['pageTwo'] = $this->load->view('view_name2', $data, true);

在 jQuery UI 选项卡中:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Page 1</a></li>
        <li><a href="#tabs-2">Page 2</a></li>
    </ul>
    <div id="tabs-1">
        <?php echo $pageOne;?>
    </div>
    <div id="tabs-2">
        <?php echo $pageTwo;?>
    </div>

</div>

另一种方式是 Ajax方法。

<div id="tabs">
    <ul>
        <li><a href="link-to-controller">Page 1</a></li>
        <li><a href="link-to-controller">Page 2</a></li>
    </ul>
</div>