代码点火器，jQuery，引导程序答案

【问题标题】：Codeigniter ,Jquery , Bootstrap代码点火器，jQuery，引导程序
【发布时间】：2023-03-29 23:06:01
【问题描述】：

如何在 codeigniter 中包含 jQuery 和 bootstrap 库？我是 codeigniter 的新手，尝试在 youtube 上观看一些视频，但没有，谢谢你

【问题讨论】：

include css js in view page of codeigniter的可能重复
您是否尝试在常规 html 文件中使用它们？
你在config.php中设置了base_url吗？

标签： javascript jquery codeigniter

【解决方案1】：

您可以这样做：

首先确保已经安装并运行CodeIgniter框架，首先你必须看到框架的“欢迎页面”，你必须下载jQuery和Bootstrap的文件。在此之后，您必须在 application/views 文件夹中创建您的视图，例如“home.php”文件。

然后尝试在浏览器中显示带有 HTML 代码的视图，在主控制器中放置下一行：

class Inicio extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
    }//


    public function index()
    {
        $this->load->view('home'); // The final path file of the view is application/views/home.php
    }
}

在您的视图文件（home.php）中，您必须调用所需的文件来加载 jQuery 和 Bootstrap，例如：

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8" />
  <base href="http://yourdomain.com/">
  <!-- Bootstrap -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.css">
  <!-- jQuery -->
  <script src="js/jquery-2.1.1.js"></script>
</head>

在此之后，如果您的路径正确，将加载文件。

所以我建议你阅读starter tutorial of CodeIgniter (click here)，你可以先尝试控制器和视图。

jQuery 和 Bootstrap 的路径可能会因您下载的版本而异。

【讨论】：

【解决方案2】：

在您的视图文件中添加以下脚本和链接。

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

请访问this link

【讨论】：