プロジェクトの「テンプレート」となるjqueryタブを備えたヘッダー(ビュー)があります。ただし、ヘッダーとコンテンツは常に 2 回表示されます。これはスクリーンショットです(以下に表示されるコントローラーから取得):
これは私のヘッダーのビューです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Johanes Indra</title>
<link rel="stylesheet" href="<?php echo base_url(); ?>jquery/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div id="header"><h1>HEADER</h1></div>
<div id="tabs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">All About Love</a></li>
</ul>
</div>
</head>
これはコンテンツのビューです (ヘッダーの下):
<body>
<div id="content">
<?php echo $content; ?>
</div>
そして、これはヘッダーとコンテンツをロードするコントローラーです:
class Home extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->model('content_m');
}
public function index() {
$get_content = $this->content_m->get_content('mscontent');
foreach($get_content as $temp)
$data['content'] = $temp->content;
$this->load->view('header_v');
$this->load->view('home_v', $data);
}
私の間違いはどこですか?ありがとう
編集 :
これは、ページのソースを表示したときに生成されるコードです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Johanes Indra</title>
<link rel="stylesheet" href="http://localhost/ci_buku_indra/jquery/jquery-ui-1.10.2.custom/css/ui-lightness/jquery-ui-1.10.2.custom.min.css" />
<script language="javascript" type="text/javascript" src="http://localhost/ci_buku_indra/jquery/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost/ci_buku_indra/jquery/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div id="header"><h1>HEADER</h1></div>
<div id="tabs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">All About Love</a></li>
</ul>
</div>
</head>
<body>
<div id="content">
content dari DB </div>
</body>
</html>