Question

我在我的一个Codeigniter项目中使用了语义UI选项卡组件。这是设置。

main_view.php

<div class="ui pointing secondary menu">
    <a class="active item" data-tab="tab1">Tab 1</a>
    <a class="item" data-tab="tab2">Tab 2</a>
    <a class="item" data-tab="tab3">Tab 3</a>
</div>
<div class="ui container">
    <div class="ui bottom attached active tab" data-tab="tab1"></div>
    <div class="ui bottom attached tab" data-tab="tab2"></div>
    <div class="ui bottom attached tab" data-tab="tab3"></div>
</div>
<script type="text/javascript">
    $(function() {
        $('.ui.menu > .item').tab({
            context: 'parent',
            auto: true,
            history: true,
            parseScripts: false,
            ignoreFirstLoad: false,
            cache: false,
            path: baseURL
        });
    });
</script>

tab1.php / tab2.php / tab3.php

<div class="container">
    <?= $data; ?>
</div>

Main_View.php（控制器）

public function index_get(){
    $this->load->view('setting');
}
public function tab1_get(){
    $data = 'tab 1';    
    $this->load->view('tab1', $data);
}
public function tab2_get(){
    $data = 'tab 2';
    $this->load->view('tab2', $data);
}
public function tab3_get(){
    $data = 'tab 3';
    $this->load->view('tab3', $data);
}

routes.php文件

$route['main'] = 'main_view';
$route['main/tab1'] = 'main_view/tab1';
$route['main/tab2'] = 'main_view/tab2';
$route['main/tab3'] = 'main_view/tab3';

这样的网址一切正常

http://localhost/main#/tab1
http://localhost/main#/tab2
http://localhost/main#/tab3

但是当我尝试删除URL中的哈希时，它只显示标签内容（没有标签栏）。我也尝试过使用historyType：＆＃39; state＆＃39;在选项卡js配置但仍然破碎。如何防止或重定向用户仅访问子页面？

如何在语义UI选项卡中使用Codeigniter View？

0 个答案: