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

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

【问题讨论】:

标签: javascript jquery codeigniter


【解决方案1】:

您可以这样做:

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

  2. 然后尝试在浏览器中显示带有 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
        }
    }
    
  3. 在您的视图文件(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>
    
  4. 在此之后,如果您的路径正确,将加载文件。

所以我建议你阅读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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-03-03
      • 1970-01-01
      • 1970-01-01
      • 2012-02-09
      • 2011-06-04
      • 2016-01-28
      • 2012-06-30
      • 2012-02-21
      相关资源
      最近更新 更多