【问题标题】:When page load css load after second. Why?当页面加载 css 在第二个之后加载。为什么?
【发布时间】:2017-08-02 16:50:26
【问题描述】:

控制器:test.php

<?php
    defined('BASEPATH') OR exit('No direct script access allowed');
    class Test extends CI_Controller 
    {
        function __construct() 
        {
            parent :: __construct();
            $this->load->helper(array('url')); 
        }
        public function index()
        {
            $this->load->view('header');
            $this->load->view('index');          
        }
    }

查看:index.php

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>bootstrap</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <link href="<?php echo base_url(); ?>resources/css/style.css" rel="stylesheet" />
    </head>
    <body>
        ..........content..........

        <script src="<?php echo base_url(); ?>resources/js/jquery.min.js"></script>
    </body>
</html>

我正在使用 codeigniter 框架来显示索引文件。页面加载时,html 代码显示正常。但是在加载完所有的 js 和 css 文件后,分页符。我在页面顶部包含 css 文件,在页面底部包含 js 文件。

请任何人帮我解决这个问题。

谢谢

【问题讨论】:

  • 请分享相关代码
  • 您是否在 config.php 中设置了基本 url,您还需要确保您的 assets 文件夹位于应用程序之外
  • 是的,我已经在 config.php 中设置了基本 url,并且还评估了位于应用程序外部的文件夹。
  • 请添加您到目前为止所做的代码
  • 请访问我的编辑代码

标签: php css codeigniter


【解决方案1】:

在这种情况下,您要做的第一件事是在浏览器中查看您的 HTML 源代码以“观察”(请参阅​​)实际生成的路径。

鼠标右键单击您的页面并选择查看源代码或按 F12 并根据您的浏览器查看 HTML...

我猜你需要在你的 $config['base_url'] 中添加一个尾随 / 所以试试

$config['base_url'] = 'localhost/company/'; // Trailing / required

或者你可以这样做...... 离开你的 $config['base_url'];原来如此

<link href="<?php echo base_url('/resources/css/style.css'); ?>" rel="stylesheet" />

如果您确实将尾随 / 添加到您的 $config['base_url'] 中,您可以使用...

<link href="<?php echo base_url('resources/css/style.css'); ?>" rel="stylesheet" />

做出决定并坚持下去。

这只是一个可能的建议,但需要研究一下。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-12
    • 1970-01-01
    相关资源
    最近更新 更多