![](/img/trans.png)
[英]linking stylesheets and scripts in wordpress with functions.php
[英]HTML not linking scripts or stylesheets
我試圖將jquery和一個CSS文件鏈接到一些HTML,但我沒有運氣。 該頁面的CSS在我的瀏覽器(Chrome)中未設置任何樣式。 另外,我嘗試將腳本標簽放在身體和頭部中(我知道這是不好的風格,我只是想嘗試一下),並且我的腳本中有console.log()s,它沒有記錄任何內容所以我知道他們之間的鏈接不正確。 誰能告訴我為什么這不起作用?
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="WLE.css">
<title>w/Way Less Effort</title>
</head>
<body>
<img id="logo" src="WLE.jpg">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
console.log("pre-fade");
$(document).ready(function() {
console.log("fading out");
$("#logo").fadeOut("slow");
});
</script>
</body>
</html>
以此替換腳本,在正文標簽:P css鏈接很好,但css不能正常工作或名稱不像您寫的那樣。
<script type="text/javascript">
alert("Ist work");
</script>
但是,如果我覺得很好,這項工作。 http://jsfiddle.net/2Fv8f/
我認為您的代碼是正確的,您的文件css應該以大寫字母命名為“ WLE.css”,並且應該與此html文件位於同一目錄中。 對於JQuery,它已正確鏈接,並且對我和Img的工作在測試中消失了。 為了測試您的鏈接文件(圖像,css,js),您可以使用編寫的任何代碼來執行此操作。 在Chrome中轉到您的頁面,然后:
Click right > Inspecte element > Network (Tab)
:
刷新頁面(如果任何圖片或文件鏈接不正確的話)將顯示紅色。 嘗試,您將看到。 希望對您有幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.