2011-06-07 60 views
3

林有一个很难理解如何利用JavaScript类CI中2寻找CI中的JavaScript类的几个很好的例子

我想看到的是一些善于利用装载的jQuery,结合到选择器,ajax和最后...在一个利用一个头文件的模板系统中使用它。

任何好的指针或示例将不胜感激。

+2

老实说,我从来没有见过我会考虑一个很好的利用这个库的 - 其实我投完全取消它UserVoice的(它在CI的第二大库/驱动器,旁边的电子邮件类,并IMO最不有用)。如果存在,期待一个好的答案。 – 2011-06-29 12:02:28

回答

-2

你可以创建你的视图header.php,您的控制器上,你将不得不调用

<?php 

class Page extends CI_Controller { 

    function index() 
    { 
     $data['page_title'] = 'Your title'; 
     $this->load->view('header'); 
     $this->load->view('content', $data); 
     $this->load->view('footer'); 
    } 

} 
?> 

您将需要您创建的每个控制器上的页眉和页脚,

header.phpfooter.php取决于你想如何利用你的javascript ...

<script src="[jquery url]"></script> 
<script src=""> 
    $(document).ready(){ 
     $('div').hide(2500); 
     $('a').click(function(){ 
      $('p').load('ajax'); 
     }); 
    }); 
</script> 

c ontent.php

<div>I will hide away soon enough (~2.5 seconds)</div> 
<a href="#">Click Here</a> 
<p>Your ajax content will go here once you click link above</p> 

====== 为您的AJAX,你可以从你的控制器

<?php 

class Page extends CI_Controller { 

    function ajax() 
    { 
     $json['error'] = ''; 
     $json['error'] = ''; 
     echo json_encode($json); 
    /// or if you want html back// 
     $data['page_title'] = 'Your title 2'; 
     $this->load->view('ajax', $data);//ajax.php on your view 
    } 

} 
?> 

你ajax.php然后做它应该有东西,你可以使用...

+2

我看不到你在哪里使用CI Javascript库...我错过了什么吗? – Peter 2011-06-07 09:43:23

+0

CI javascript库你从哪里得到的? CI是一个PHP类http://codeigniter.com/user_guide/general/views.html为纽带上给出的代码点火器,上面是指导线“你的问题很模糊的” – Val 2011-06-07 10:32:44

+2

你落后的只是名字时代! http://codeigniter.com/user_guide/libraries/javascript.html – Peter 2011-06-07 10:57:50