Question

我是CodeIgniter的新手。不知怎的，我设置了开发环境并准备好了。但是加载CSS，JS加入页面似乎更令人困惑。在移动之前，我搜索了很多，但base_url解决方案没有帮助。

视图的一部分：

<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
<link href='css/fullcalendar.css' rel='stylesheet'>
<link href='css/fullcalendar.print.css' rel='stylesheet'  media='print'>
<link href='css/opa-icons.css' rel='stylesheet'>
<link href='css/uploadify.css' rel='stylesheet'>

控制器：

public function dashboard()
    {
        $this->load->helper('url');
        $this->load->view('templates/css_styles');
        $this->load->view('templates/top_bar');
        $this->load->view('templates/left_menu');
        $this->load->view('pages/dashboard');
        $this->load->view('templates/footer');
        $this->load->view('templates/js_end');
    }
public function index()
    {
        $this->load->helper(array('form'));
        $this->load->view('login');
    }

route.php：

$route['default_controller'] = "welcome/dashboard";
$route['404_override'] = '';
$route['dashboard'] = 'welcome/dashboard';

如果我将仪表板方法作为默认控制器，则页面加载正常。但是当我将其更改为欢迎时，这是一个登录表单并重定向到welcome/dashboard，该页面不会加载任何CSS。只是所有HTML文本。仪表板页面只是纯HTML，还没有编写PHP代码。

请帮我解决可能导致此问题的原因。

Answer 1

base_url（）有什么问题？

<link href="<?php echo base_url('css/bootstrap-responsive.css')?>" rel="stylesheet">

确保加载URL帮助器，我建议自动加载它：转到application / config / autoload.php并将其添加到辅助数组中：

$autoload['helper'] = array('url');

Answer 2

您可以使用html_helper.php中的link_tag()来帮助您更正道路。

首先加载帮助程序（我通常自动加载）

$this->load->helper('html');

然后你可以像这样引用css：

echo link_tag('css/bootstrap-responsive.css');

优点是函数尝试为css文件构建正确的绝对URL，并自动将rel属性设置为stylesheet，将type属性设置为text / css。

此外，您应该安装适用于Firefox的Chrome，Safari或Firebug，以便您可以检查代码并查看是否正在加载CSS文件或是否找不到它们。这有助于调试。

Answer 3

确保在css文件夹前有一个前导斜杠：

    <link href="/css/bootstrap-responsive.css" rel="stylesheet">

确保文件确实位于/ css关闭Web根目录，而不是位于应用程序文件夹中。

Answer 4

首先需要加载帮助URL

comboBox

然后在控制器上

$this->load->helper('url');

然后在你的观点

$this->data =site_url()."your css file";

简单。您可以查看完整的article load css/js

在CodeIgniter中加载CSS，JS

4 个答案: