CI框架下JS/CSS文件路径的设置
在视图文件加上这样一行代码:
<!-- 设置js和css访问图片路径 --> <base href="<?php echo base_url();?>"/> <!-- 设置js和css访问图片路径 end -->
就可以按照根路径添加 js和css文件,在css文件里图片路径写成相对路径即可,如:
<script src="data/js/jquery.min.js" type="text/javascript"></script> <link href="data/css/admin/table.css" rel="stylesheet" type="text/css" />
而在css文件中,路径则可以使用相对路径:
.menu1{ font-size:14px; font-weight:bold; background-image:url(../images/admin/bg.gif); }
在js文件中,路径可以使用绝对路径:
//左侧菜单的打开和关闭 $("div[id^='menu_']").toggle(
function(){ var $id = $(this).attr('id').split('_'); $('#span_'+$id[1]).html("<img src='data/images/admin/close.png'>"); $('#menu2_'+$id[1]).hide(); }, function(){ var $id = $(this).attr('id').split('_');
$('#span_'+$id[1]).html("<img src='data/images/admin/open.png'>"); $('#menu2_'+$id[1]).show(); } )