2017-02-17 24 views
0

私のCSSファイルを変更し、d3.js駆動ページをリロード/リフレッシュすると、CSSの変更は表示されません。 CSSの変更を表示する唯一の方法は、ブラウザのキャッシュをクリアすることです。この問題は、サイトcssを編集する他のWebページでは発生しません。キャッシュがクリアされていない限り、古いcssファイルを保持するd3.jsを使用してユニークなものがあるようです。CSSへの変更がd3.jsサイトに反映されない

d3.js駆動型ページを読み込む前に、ユーザーが毎回キャッシュをクリアするとは思えないので、どのようにして自分のCSS変更を確実にすることができますか?

d3.jsのサイト構造:

のindex.phpは

<script type="text/javascript" src="d3/d3v428.js"></script> 

のindex.phpがd3chartを作成し、いくつかのjQueryでJSONファイルにもたらし頭にd3.jsにもたらします。チャートはjsonファイルのPHPページの構造です。各PHPページには、その先頭にcssファイルへのリンクがあります。また

[ 
{ 
    "id": "0", 
    "title": "Page1", 
    "asChildText": "null", 
    "url": "1.php", 
    "parentId": "null", 
    "children": [ 
     { 
      "id": "53", 
      "title": "Page21", 
      "asChildText": "Let's begin!", 
      "url": "21.php", 
      "parentId": "0", 
      "children": [ 
       { 
        "id": "1", 
        "title": "Page16", 
        "asChildText": "Step1", 
        "url": "16.php", 
        "parentId": "53", 
        "children": [ 

、JSONファイルの

<link rel="stylesheet" href="style.css" type="text/css" /> 

Snipet(私は、ブラウザのキャッシュをクリアする場合は、このファイル内のCSSへの変更のみが表示され、それぞれの.phpファイルはのstyle.cssファイルへのリンクがあります) jsonファイルのPHPページで使用されていないCSSファイルは、リロード時にCSSへの変更を表示します。だから、jsonは更新していないCSSに接続されているようです。どういうわけか

おかげ

+0

'index.css?v = 1'のようなあなたのcssファイルを参照しようとしてみてください...前に似たような問題があったのですが、これを修正しました – sparta93

+0

私はvss = 1をCSSファイル名に追加しました。 2回目の変更を行い、ページをリロードした後、cssは更新されませんでした。私は国境を2pxから5pxに変更しました。また、火かき棒は2pxの静止画を表示します。 – Marc

答えて

1

は、CSSファイルへのパスは、JSONファイルと混同/失われたとなりました。 cssファイルへの参照の前に./を追加することで、問題を解決しました。私はCSSを変更し、ブラウザをリフレッシュして変更を見ることができます。

<link rel="stylesheet" href="./style.css" type="text/css" /> 

ビットが説明する「./」の理由:

シングルドットは現在directory.The二点ですが、親ディレクトリのためです

<link rel="stylesheet" href="./style.css" type="text/css" /> 
0

あなたは、この行が必要:

./ = current 
../ = parent 

希望:)

を支援
関連する問題