HTML中没有包含外部CSS和JS文件

External CSS and JS files not getting included in the HTML

本文关键字:CSS JS 文件 包含外 HTML      更新时间:2023-09-26

我正在进行一个项目,需要包含一些外部库和http://fancyapps.com/fancybox/(FancyBox)就是其中之一。

我下载了库,并将文件夹放在我的项目文件夹中,并使用命令包括网站中给出的外部文件,但在控制台中,它显示这些文件没有包括在内。

然后,我将文件名更改为实际名称(例如:从文件中删除?v=1.0.5部分),但即使如此,它也显示出这些文件尚未包含在内。我需要使用这个库,但真的不知道为什么没有包括这些文件。

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>>

附言:我下载的fancybox文件夹只在项目文件夹中。

造成这个问题的可能原因是什么?

你的fancybox文件夹在项目的根目录中,那么你不需要添加'

只使用fancybox/而不是/fancybox/ 启动路径