2013-05-29 34 views
1

我创建了一个站点,使用XAMPP在本地运行它,并在本地运行时运行完美。托管网站不使用CSS/JQuery

但是,我在托管时测试它,并且CSS&JQuery(Google库)根本不起作用。

的CSS标签使用标准:

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

是否有一个原因,这难道不活的时候工作?但肯定这与为什么JQuery不起作用无关?

我不觉得舒服,当它不起作用时,让它活下去,所以即时对不起,我不能给你一个实时版本来查看。

任何帮助将是伟大的!

+3

您的CSS文件相对于您的HTML文件在哪里? – tymeJV

+0

你对jQuery的实现是什么样的? – ckpepper02

+4

当您浏览到http:// /css/css.css时是否收到404错误?您的CSS目录在托管服务器上的位置在哪里? –

回答

4

如果CSS和JS文件在您上线时正确加载,请检查Inspector - 请注意,网址前面的第一个斜杠意味着您引用的是活动网站的根网址。本地和现场网站的目录结构有何不同?此外,您可以尝试使用绝对URL加载外部文件,如http://domain.tld/css/css.css(仔细检查文件是否存在或可加载)。如果它有效,那么它是你的相对URL路径不起作用。

[编辑]:为了完整性的缘故,这是URL路径如何相对工作:

  • /<fileName>.<fileExtension>将指向该文件在根目录
  • ./<fileName>.<fileExtension>将指向该文件中的相同目录作为当前页面
  • ../<fileName>.<fileExtension>将指向该目录中的文件的上一级,相对于当前目录
+0

在主机服务器上,该站点位于根目录下名为“public_html”的文件夹中。但即使当我改变了CSS标签(/public_html/css/css.css)仍然无法正常工作。 – Joe

+0

您是否曾尝试通过在浏览器的URL栏中输入整个URL来直接访问CSS文件?'/ public_html /'是根文件夹,它被引用为url中的第一个斜杠。 – Terry

+0

当我直接浏览css(domain.com/css/css.css)时,它将css文件的内容显示为基本的文本文档。 – Joe

0

检查您是否已将实际堆积的CSS文件放入/css/文件夹中。 (显然/css/文件夹应该出现在你的服务器上)

确保你可以访问你的网页CSS文件:例如,如果你去这里http://yourdomain.com/css/css.ss你应该看到你的CSS文件的内容。

如果你能看到你的文件在这里的内容:http://yourdomain.com/css/css.css

那就试试这个:

<link rel="stylesheet" type="text/css" href="http://yourdomain.com/css/css.css">

正如@Terry已经提到的检查路径。

+0

用你的方法工作: <链接相对= “样式” 类型= “文/ CSS的” href =“http://yourdomain.com/css/css.css> 但是JQuery的不仍能正常工作,而我没有注意到,在第一个失踪的地方仍然没有工作是一个div没有显示。 – Joe

+0

使用此URL为jQuery:'http://code.jquery.com/jquery- latest.js' – rinchik

+0

更改JQuery库的位置没有改变 – Joe