如何使用jquery UI在codeIgniter中创建选项卡式UI?

时间:2010-11-04 19:00:54

标签: codeigniter jquery-ui-tabs

我正在使用codeIgniter开发一个Web应用程序,对于我的UI,我想使用jQuery-UI-Tabs。 我被锁定了如何让我的观点显示在各自的标签中。有什么帮助吗?

1 个答案:

答案 0 :(得分:5)

这取决于你想怎么做。

如果您想单独预加载所有视图,并将其放在那里,那么这里是如何:

在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>