我对具有不同设计的不同页面具有相同的头文件。我必须在页眉部分添加所有的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. 如何在CodeIgniter中添加外部CSS和JavaScript文件
- 2. 如何在HTML文件的头部动态添加JavaScript文件?
- 3. 如何在html头部动态添加javascript文件?
- 4. 使用javascript动态添加javascript和css文件到html
- 5. JS头部动态添加
- 6. jQuery $(window).load()事件和动态添加外部CSS/JS文件
- 7. 在java web应用程序中动态添加外部JavaScript或CSS文件
- 8. MVC3 Razor - 将JavaScript和CSS文件添加到文档头
- 9. 在javascript中添加外部JavaScript文件
- 10. 使用JavaScript动态加载CSS文件
- 11. 在Genshi(TurboGears 2)中添加小部件(动态)CSS
- 12. CSS或JavaScript文件从视图或局部视图添加到布局头部
- 13. 动态添加sylesheet到头使用javascript
- 14. 将CSS添加到ZF1中的头部部分
- 15. 添加javascript和css文件来反应
- 16. 在qt中动态添加小部件
- 17. Codeigniter动态CSS
- 18. 如何使用外部css文件动态添加样式?
- 19. 动态加载外部JavaScript文件
- 20. 动态添加CSS和JS文件与玉和节点
- 21. 如何在头文件中添加动态信息?
- 22. 调试动态添加的JavaScript文件
- 23. 将外部javascript文件添加到magento头文件
- 24. 使用javascript添加动态CSS?
- 25. 添加CSS动态
- 26. 用Javascript和CodeIgniter动态添加HTML字段
- 27. RestSharp AddFile将多部分表单头文件添加到文件
- 28. 动态加载CSS和JS文件
- 29. 如何在Vue.js中添加动态组件/部分
- 30. 动态添加css文件到头(IE中的优先级颠倒)
什么d你的意思是动态加载css文件? – kikuyu1
如果你动态添加你的标题视图,那么你可以添加变量到标题并发送它像控制器'load-> view('header.php',$ css_js_var)' –
我觉得这个是最好的ide –