我對具有不同設計的不同頁面具有相同的頭文件。我必須在頁眉部分添加所有的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 –