Question

如果我对我的css文件进行更改并重新加载/刷新我的d3.js驱动页面，则不会显示css更改。显示css更改的唯一方法是清除浏览器缓存。我编辑网站css的其他网页不会发生此问题。除非清除缓存，否则使用保存在旧css文件中的d3.js似乎有一些独特之处。

由于我不能指望用户每次都清除缓存，在加载我的d3.js驱动页面之前，我如何确保他们的css更改？

d3.js网站结构：

index.php在头部带来d3.js

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

index.php在一些创建d3chart的jquery中引入了一个json文件。该图表是json文件中的php页面结构。每个php页面都有一个指向css文件的链接。

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

json文件的Snipet（每个.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": [

json文件中php页面未使用的css文件确实会在重新加载时显示对css的更改。所以似乎json连接到css没有更新。

由于

Answer 1

以某种方式，css文件的路径与json文件丢失/混淆。通过在css文件的引用前添加./解决了问题。我可以改变css，刷新浏览器并查看更改。

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

Answer 2

你需要这一行：

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

＆＃34; ./"位解释如下：

./ = current
../ = parent

希望有所帮助：）

对CSS的更改未反映在d3.js网站

2 个答案: