2017-02-17 2 views
0

Если я вношу изменения в свой файл css и перезагружаю/обновляю мою управляемую страницу d3.js, изменения css не отображаются. Единственный способ показать изменения css - очистить кеш браузера. Эта проблема не возникает с другими веб-страницами, которые я редактирую на сайтах css. Кажется, что есть что-то уникальное в использовании d3.js, которое хранится в старом файле css, если только кеш не очищен.Изменения в CSS не отражаются на сайте d3.js

Поскольку я не могу ожидать, что пользователи будут очищать свой кеш каждый раз, прежде чем загружать мою управляемую страницу d3.js, как я могу обеспечить, чтобы они меняли смену css?

Структура d3.js сайта:

index.php приносит d3.js в голове

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

index.php приносит в файл JSON в некоторых JQuery, который создает d3chart , Диаграмма представляет собой структуру php-страниц в json-файле. На каждой странице php есть ссылка на файл css в голове.

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

Snipet файла JSON (каждый .php файл содержит ссылку на файл style.css, изменения в 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": [ 

Рекомендуем также файл css, не используемый php-страницами в json-файле, показывает изменения в css при перезагрузке. Поэтому кажется, что json подключен к css, не обновляясь.

Благодаря

+0

Попробуйте ссылаться на ваши файлы css, такие как 'index.css? V = 1' ... У меня была аналогичная проблема раньше, и это исправлено – sparta93

+0

Я добавил? V = 1 к имени файла css, но он работал только один раз. После второго изменения и перезагрузки страницы css не обновлялся. Я изменил границу с 2px на 5px, и firebug даже показывает 2px. – Marc

ответ

1

Как-то путь к файлу CSS заблудился/путать с файлом JSON. Добавляя ./ перед ссылкой на файл css, проблема решена. Я могу изменить css, обновить браузер и увидеть изменения.

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

Вам нужна эта строка:

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

Причина для «./» бит описан ниже:

одна точки для текущего directory.The двойной точки для родительского каталога :

./ = current 
../ = parent 

Надежда, что помогает :)

Смежные вопросы