CSS 样式不起作用，js.

css style dont work and js

本文关键字：js 不起作用 样式 CSS      更新时间：2023-09-26

我尝试建立一个可以上传文件的网站。通过本教程。我像他们一样设置了它，但 css 样式没有效果。我使用日食，我的html文件看起来像这样：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
<script src="WebContent/js/jquery-1.9.1.min.js"></script>
 
<script src="WebContent/js/vendor/jquery.ui.widget.js"></script>
<script src="WebContent/js/jquery.iframe-transport.js"></script>
<script src="WebContent/js/jquery.fileupload.js"></script>
 
<!-- bootstrap just to have good looking page -->
<script src="WebContent/bootstrap/js/bootstrap.min.js"></script>
<link href="WebContent/bootstrap/css/bootstrfap.css" type="text/css" rel="stylesheet" />
<!-- we code these -->
<link href="WebContent/css/dropzone.css" type="text/css" rel="stylesheet" />
<script src="WebContent/js/myuploadfunction.js"></script>
</head>
<body>
<h1>Spring MVC - jQuery File Upload</h1>
<div style="width:500px;padding:20px">
 
    <input id="fileupload" type="file" name="files[]" data-url="rest/controller/upload" multiple>
 
    <div id="dropzone">Drop files here</div>
 
    <div id="progress">
        <div style="width: 0%;"></div>
    </div>
 
    <table id="uploaded-files">
        <tr>
            <th>File Name</th>
            <th>File Size</th>
            <th>File Type</th>
            <th>Download</th>
        </tr>
    </table>
 
</div>
</body> 
</html>

css 和 js 文件的路径应该是正确的。我把它们拖放进去。我读到您必须从浏览器中清除缓存。但仍然只有纯 html 网站。当我调查元素时，样式没有加载我在浏览器中可以看到的内容。如果我在 html 文件中编写 css 样式。它也不起作用。我希望有人能帮助我。亲切的问候山姆

我的英语不好。对不起！

它适用于/css/dropzone.css。谢谢

CSS 和 JS 文件的路径表明您正在链接到 WebContent/js/ 或 WebContent/css/ 的相对路径。这意味着您需要一个名为 WebContent 的文件夹与 html 文件位于同一文件夹中。我建议使用命名结构web-content或assets作为您的文件夹名称，并将您的 js 和 css 文件夹放在其中。

相关文章：