codeigniter加载视图特定的javascript

您可以发送哪个js作为变量加载。示例如下；

样本控制器

class mypage extends CI_Controller{
    public function index(){
    $data['js_to_load']="index.js";
    $this->load->view('header',$data);
    $this->load->view('my_html_page');
    }
    public function second_page(){
    $data['js_to_load']='second.js';
    $this->load->view('header',$data);
    $this->load->view('my_second_html_page');
    }
}

header.php-查看文件

<!-- Needed html code here -->
<? if ($js_to_load != '') : ?>
<script type="text/javascript" src="assets/js/<?=$js_to_load;?>">
<? endif;?>
<!-- Other html code here -->

发生了什么事

我们将js文件设置为$data变量，并将$data变量传递给header。在头文件中，我们正在检查是否设置了js_to_load？如果是，我们将包括js文件。

此外，您还可以使用数组传递多js文件。

样本控制器

class mypage extends CI_Controller{
    public function index(){
    $data['js_to_load']=array("index.js","index1.js","index2.js");
    $this->load->view('header',$data);
    $this->load->view('my_html_page');
    }
    public function second_page(){
    $data['js_to_load']=array("second.js","second2.js","second2.js");
    $this->load->view('header',$data);
    $this->load->view('my_second_html_page');
    }
}

header.php-查看文件

<!-- Needed html code here -->
<? if (is_array($js_to_load)) : ?>
<? foreach ($js_to_load as $row):
    <script type="text/javascript" src="assets/js/<?=$row;?>">
<?endforeach;?>
<? endif;?>
<!-- Other html code here -->

将您想要添加的js数组传递到数据中的标头，并在视图中添加，可能还有其他方法可以做到这一点（这种方法会弄脏控制器/视图行，所以它有点脏，但它可以工作）。

public function index(){
    $data['title'] = "Register";     
    $data['js'] = array('link', 'link', etc);   
    $this->load->view("site_header", $data); 
    $this->load->view("site_nav"); 
    $this->load->view("content_register"); 
    $this->load->view("site_footer");
} 

最好在页脚中加载.js，因为HTML应该在开始运行脚本之前完全加载。

请参阅此处了解的原因

我使用通用页脚来处理.js文件

public function index()
    {
        $this->load->view('template/header');
        $this->load->view('template/nav');
        $this->load->view('thing/landing');
        $this->load->view('template/footer');
    }

我的页脚视图是

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
$caller_class = $this->router->class;
$caller_method = $this->router->fetch_method();
?>
<script type="text/javascript" src="<?php echo base_url(); ?>public/js/jquery.min.js"></script>
<?php
//look for JS for the class/controller
    $class_js = "public/js/custom-".$caller_class.".js";
    if(file_exists(getcwd()."/".$class_js)){
        ?><script type="text/javascript" src="<?php echo base_url().$class_js; ?>"></script>
        <?php
    } 
    //look for JS for the class/controller/method
    $class_method_js = "public/js/custom-".$caller_class."-".$caller_method.".js";
    if(file_exists(getcwd()."/".$class_method_js)){
        ?><script type="text/javascript" src="<?php echo base_url().$class_method_js; ?>"></script>
        <?php
    } 
?>
</body>
</html>

使用CCD_ 1或CCD_。然后检测该控制器/方法是否存在.js文件

只需很少的管理，您就可以拥有控制器和/或方法特定的脚本，而无需摆弄页脚。

在pub/js/custommycontrollername-mymethod.js文件中，您将使用（jquery）；

$(document).ready(function() {
    if ( $( "#mydivthing" ).length ) {
        $('#mydivthing').html("fetching..");
        $.ajax({
                ........
              });
    } else {
        console.log("skipped js segment");
    }
});

这里，jquery仅在文档为ready时运行（正如jquery建议的那样）您也可以使用if ( $( "#mydivthing" ).length ) {来检查您的div是否真的在页面上。因此，当事件未加载时（为了速度），您不会触发事件。但由于jquery可能正在进行一些检查，这可能只对比单击单个按钮事件更大的代码运行有用。

虽然这个问题是针对视图的，但这个答案到达了控制器/方法级别。因此，尽管一个方法可以有多个视图，但这仍然是用户看到的视图/屏幕。

额外的好处是，您可以通过文件名将.js文件与控制器/方法关联起来。

您可以使用一个变量作为控制器名称，并将该变量传递给您的视图，如

这是控制器

class Blog extends CI_Controller{
  public function index(){
    $data['controller']="blog_index";
    $this->load->view('header',$data);
  }
  public function second_page(){
   $data['controller']="blog_second_page";
   $this->load->view('header',$data);
 } 
}

Header.php文件

<? if (isset($controller) && in_array($controller,array('blog_index'))) : ?>
<script type="text/javascript" src="assets/js/custom_blog_index.js">
<? endif;?>
<? if (isset($controller) && in_array($controller,array('blog_second_page'))) : ?>
  <script type="text/javascript" src="assets/js/custom_blog_second_page.js">
<? endif;?>
<!-- Other html code here -->

希望这能回答您的问题

我不理解你的问题。我想你在view site_header或view site_footer中加载了js文件，为什么不为这些页面加载另一个视图呢？例如：

public function index(){
    $data['title'] = "Register";        
    $this->load->view("site_header_extra_js", $data); 
    $this->load->view("site_nav"); 
    $this->load->view("content_register"); 
    $this->load->view("site_footer_extra_js");
}

另一个解决方案是在视图中放置一个if来加载额外的js文件，检查路径，可以使用$this->uri->segment()。