无法在codeigniter 3.0.4中加载css和javascript

时间:2016-01-29 08:17:15

标签: javascript html css codeigniter

我无法在视图文件中加载我的css和js我已经将它们添加到文件夹中并且已经设置了我的基本URL这些代码但是正在使用我在较低版本的codeigniter上执行的项目。什么似乎是错的? 我的观点:

 <link href="<?php echo base_url()?>js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />



    </br></br>
            <div class="panel panel-primary" style=" width: 1050px; border-radius: 0">
                    <div class="panel-heading" style="border-radius: 0 ">user List    <button  data-toggle="tooltip"   data-placement="bottom" title="Print Customer Order" style="border-radius: 0px;"type="button" class="btn btn-default" aria-label="Left Align">
                                        <a href="<?php echo base_url() . 'admin/printlist/'; ?>">
                                                   Print List
                                                      </a>
                                            </button> </div>
                    <div class="panel-body" style="border-radius: 0 ">  

                        <table id="myTable" class="table table-bordered" >  
                            <thead>  

                                <tr>  

                                     <th>Surname</th> 
                                    <th>Name </th>  
                                    <th>Age</th>  
                                    <th>School</th>  
                                   <th>Course</th>  
                                    <th>Email</th>  

                                </tr>  
                            </thead>  
                            <tbody>  


                               <?php foreach ($user as $users): ?>
                                    <tr>
                                        <td><?php echo $users->surname; ?></td>
                                        <td><?php echo $users->name; ?></td>
                                        <td><?php echo $users->age; ?></td>
                                        <td><?php echo $users->school; ?></td>
                                        <td><?php echo $users->course; ?></td>
                                        <td><?php echo $users->email; ?></td>

                                        </td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>  
                        </table>  
                               </div>

                    </div>



                </div>
        </div>
    </div>

            <script src="<?php echo base_url() ?>js/dataTables/jquery.dataTables.js"></script>
            <script src="<?php echo base_url() ?>js/dataTables/dataTables.bootstrap.js"></script>
            <script>
                $(document).ready(function() {
                    $('#myTable').dataTable({
                        "aaSorting": [[0, "asc"]]
                    });
                });
            </script>

3 个答案:

答案 0 :(得分:2)

我做了一些研究,发现css文件的默认位置与Codigniter中的应用程序相同。即:

/css
/application

如果是你的情况,请先检查一下。你可以在回声前用一些简单的../解决这个问题。

我注意到的另一件事是,您的CSS文件位于js文件夹(js/dataTables/)中?也许这是一个快速的复制/粘贴错误?

答案 1 :(得分:2)

将CSS和JS文件夹放在项目文件夹根目录(应用程序级别)中。

我在项目中创建了'assets'文件夹,并在其中放入了css和js文件夹。它工作正常。

资产/ JS / jquery.bootstrap-touchspin.js“&GT;

答案 2 :(得分:0)

我认为有一个错误 将<?php echo base_url()?>替换为<?php echo base_url(); ?>