我对具有不同设计的不同页面具有相同的头文件。我必须在页眉部分添加所有的CSS文件,这会增加页面加载。 我的问题是,有没有办法将css文件动态加载到标题部分。我正在使用codeigniter框架。在CodeIgniter中动态添加Javascript和CSS文件头部分
-1
A
回答
0
要笨实现这一点,首先设定在config.php默认的CSS和JavaScript文件
$config['header_css'] = array('style.css','prettyPhoto.css','nivo-slider.css');
$config['header_js'] = array('core.js','core.js',
'jquery-1.4.1.min.js',
'jquery-slidedeck.pack.lite.js',
'jquery-prettyPhoto.js',
'jquery.nivo.slider.js');
然后,添加此辅助功能我写的,你的模板助手(或者你使用任何其他帮助程序文件)
//Dynamically add Javascript files to header page
if(!function_exists('add_js')){
function add_js($file='')
{
$str = '';
$ci = &get_instance();
$header_js = $ci->config->item('header_js');
if(empty($file)){
return;
}
if(is_array($file)){
if(!is_array($file) && count($file) <= 0){
return;
}
foreach($file AS $item){
$header_js[] = $item;
}
$ci->config->set_item('header_js',$header_js);
}else{
$str = $file;
$header_js[] = $str;
$ci->config->set_item('header_js',$header_js);
}
}
}
//Dynamically add CSS files to header page
if(!function_exists('add_css')){
function add_css($file='')
{
$str = '';
$ci = &get_instance();
$header_css = $ci->config->item('header_css');
if(empty($file)){
return;
}
if(is_array($file)){
if(!is_array($file) && count($file) <= 0){
return;
}
foreach($file AS $item){
$header_css[] = $item;
}
$ci->config->set_item('header_css',$header_css);
}else{
$str = $file;
$header_css[] = $str;
$ci->config->set_item('header_css',$header_css);
}
}
}
if(!function_exists('put_headers')){
function put_headers()
{
$str = '';
$ci = &get_instance();
$header_css = $ci->config->item('header_css');
$header_js = $ci->config->item('header_js');
foreach($header_css AS $item){
$str .= '<link rel="stylesheet" href="'.base_url().'css/'.$item.'" type="text/css" />'."\n";
}
foreach($header_js AS $item){
$str .= '<script type="text/javascript" src="'.base_url().'js/'.$item.'"></script>'."\n";
}
return $str;
}
}
现在,您可以手动添加CSS和JavaScript文件如下:
add_css(array('demo.css','demo1.css'));
add_js('demo.js');
+0
你可以请按照[链接](http://jamshidhashimi.com/2013/04/12/dynamically-add-javascript-and-css-files-in-codeigniter-header-page/),我已将表格复制到 –
+0
谢谢欧麦尔汗, 我已经使用它,但它不能正常工作。 –
相关问题
- 1. 使用javascript动态添加javascript和css文件到html
- 2. JS头部动态添加
- 3. jQuery $(window).load()事件和动态添加外部CSS/JS文件
- 4. 在java web应用程序中动态添加外部JavaScript或CSS文件
- 5. 使用JavaScript动态加载CSS文件
- 6. 在Genshi(TurboGears 2)中添加小部件(动态)CSS
- 7. CSS或JavaScript文件从视图或局部视图添加到布局头部
- 8. 添加javascript和css文件来反应
- 9. Codeigniter动态CSS
- 10. 在qt中动态添加小部件
- 11. 如何使用外部css文件动态添加样式?
- 12. 动态加载外部JavaScript文件
- 13. 如何在头文件中添加动态信息?
- 14. 使用javascript添加动态CSS?
- 15. 添加CSS动态
- 16. RestSharp AddFile将多部分表单头文件添加到文件
- 17. 无法加载外部JavaScript文件 - Codeigniter
- 18. PHP在布局模板中添加外部css和js文件
- 19. 在View中动态插入依赖项(Javascript和CSS文件)
- 20. 在码头加载动态文件
- 21. 在javascript中加载动态CSS代码
- 22. 如何在CXF客户端动态添加HTTP头文件?
- 23. 添加部分与动态数组
- 24. JavaScript删除动态添加分区
- 25. 如何在点击href链接后动态添加css头
- 26. 将动态CSS添加到MVC中的静态CSS文件内容
- 27. 如何动态地添加CSS来的CKEditor没有css文件
- 28. PHP模板添加动态js和css
- 29. 在树枝子中添加css和javascript
- 30. 将CSS添加到JavaScript文件并动态加载到HTML头标记对性能有效吗?
什么d你的意思是动态加载css文件? – kikuyu1
如果你动态添加你的标题视图,那么你可以添加变量到标题并发送它像控制器'load-> view('header.php',$ css_js_var)' –
我觉得这个是最好的ide –