Как пролить файл jquery tabs с помощью codeigniter?

Question

Привет всем Я новичок в кодеригере. Я застрял в нем несколько дней. У меня есть пробл с моей вкладкой jquery. Я не могу разбить его. Я пытаюсь выполнить поиск в google и youtube, но я не могу сделать это, кто может мне помочь. Пример My JQuery Tab:

<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) Измените атрибут на соответствующую вкладку.

3) В вашем случае удалите <?php echo base_url()?>.

4) Правильный синтаксис должен быть: <li><a href="#menu' ?>">menu</a></li>

Объяснение:

JQuery вкладки работают следующим образом:

1) Сначала создайте <ul> для вкладок заголовков.

2) Для каждого <li> названный якорь для контента с href=#id-of-the-content.

3) Нажимая на <li>, будет отображаться только соответствующий контент, другие будут скрыты.