Question

大家好我是一个新的codeigniter我已经坚持了几天我有一个问题与我的jquery选项卡我不能拆分我尝试搜索谷歌和youtube但我不能做谁可以帮助我请示例我的jquery标签：

 <div id="demopage">
        <div class="container1">
            <ul class="rtabs">
                <li><a href="#menu">menu</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="#about">About</a></li>
            </ul>
<div class="panel-container">
 <div id="menu">
 <p>menu</p>
 </div>
 <div id="contact">
 <p>contact</p>
</div>

<div id="about">
<p>about</p>
</div>
</div>

我尝试在视图和控制器中进行编辑：

View
 <div id="demopage">
        <div class="container1">
            <ul class="rtabs">
                <li><a href="#<?php echo base_url().'./site/menu' ?>">menu</a></li>
                <li><a href="#<?php echo base_url().'./site/contact' ?>">Contact</a></li>
                <li><a href="#<?php echo base_url().'./site/menu' ?>">About</a></li>
            </ul>
<div class="panel-container">
 <div id="menu">
 <p>menu</p>
 </div>
 <div id="contact">
 <p>contact</p>
</div>

<div id="about">
<p>about</p>
</div>
</div>

我的控制员：

function menu(){
$this->load->view('header');
$this->load->view('menu');
$this->load->view('footer');


function contact(){
$this->load->view('header');
$this->load->view('contact');
$this->load->view('footer');


function about(){
$this->load->view('header');
$this->load->view('about');
$this->load->view('footer');
}

Answer 1

我希望页眉和页脚对所有人都一样，如果是的话，

function your_function_name(){
    $data['menu'] = $this->load->view('menu',"",true);
    $data['contact'] = $this->load->view('contact',"",true);
    $data['about'] = $this->load->view('about',"",true);
   $this->load->view("your_view_file",$data);
}

要查看的第三个参数，将视图放入变量而不是将其加载到视图中。因此，收集主视图文件中的所有视图和回显。

在视图中

<div class="panel-container">
      <div id="menu">
            <p><?php echo $menu ?></p>
       </div>
       <div id="contact">
           <p><?php echo $contact ?></p>
      </div>
      <div id="about">
           <p><?php echo $about ?></p>
      </div>
 </div>

Answer 2

<强>解决方案：

1）您需要包含相应的jQuery文件。

2）将您的<li>的{{1}}属性更改为正确的标签。

3）在您的情况下，请删除href。

4）正确的语法应该是：<?php echo base_url()?>

<强>解释

jQuery标签的工作方式如下：

1）首先为标签标题创建<li><a href="#menu' ?>">menu</a></li>。

2）对于每个<ul>，使用<li>作为内容的命名锚点。

3）点击href=#id-of-the-content，只显示相应的内容，其他内容将隐藏。

如何使用codeigniter溢出选项卡jquery文件？

2 个答案: