css配信を最適化して、codeigniterでCSSファイルをロードしないでください。PHP

cssファイルをロードせずに、ページスピードインサイツでCSS配信を最適化してください。 jqueryを使用してCSSファイルを読み込もうとしましたが、問題はCSSが読み込まれていません。css配信を最適化して、codeigniterでCSSファイルをロードしないでください。PHP

マイコード：

<script type="text/javascript"> 
$(document).ready(function(){ 

if($(".bs-example").size()>0){ 
     if (document.createStyleSheet){ 
      document.createStyleSheet('<?php echo base_url();?>theme/css/style.css'); 
     } 
     else { 
      $("head").append($("<link rel='stylesheet' href='<?php echo base_url();?>theme/css/style.css' type='text/css' media='screen' />")); 
     } 
    } 
});

HTML：

<body> 

<div class="bs-example"></div>

出典

2017-08-22 user8001297

config.phpにベースURLを設定しましたが、空白のままにしないでください。 $ config ['base_url'] = 'http：// localhost/yourproject /'; ' – user4419336

@ wolfgang1983はい設定ファイルに設定しました：$ config ['base_url'] \t = 'http：//www.staging .website.com/' – user8001297

CSS資産は<link>タグを持つHTMLヘッダー文書に含まれなければなりません。

JQuery対応機能を含むJSアセットは、</body>終了タグの後にする必要があります。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Website</title> 
    <link rel="path/to/css/file"/> 
    <style> 
     /*your custom CSS*/ 
    </style> 
</head> 
<body> 
    HTML Body 
</body> 
<script src="https://code.jquery.com/jquery-3.2.1.js"/> 
<script> 
$(document).ready(function(){ 
    /*code*/ 
}); 
</script> 
</html>

この方法では、CSSは、最初に配信されます、そして、それはページのDOMがすべてロードされていると、それは内部のJavaScriptを実行しても安全だということを検出した後、jQueryの準備機能にのみ実行されます。 JQueryレディ機能。

出典

2017-08-22 14:01:48 JMS786

jqueryコードの記述方法を教えてください – user8001297

ヘッダファイルに追加したCSSリンク – user8001297

css配信を最適化して、codeigniterでCSSファイルをロードしないでください。PHP

答えて

関連する問題