2016-05-16 85 views
1

我tryna使用Jquery MObile。因此,我沒有使用CDN,而是在我的html頁面中使用folloging代碼。Jquery移動CDN替代

<head> 
     <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css"> 
    <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script> 
    <script src="JqueryFiles\jquery.js"></script> 
</head> 

它似乎不起作用。 jquery,jquery mobile甚至css文件都不在我的網頁上。

<!DOCTYPE html> 

<html> 

<head> 
     <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css"> 
     <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script> 
     <script src="JqueryFiles\jquery.js"></script> 
</head> 

<body> 

<div data-role="page"> 

    <div data-role="header"> 
     <h1>FIRST PAGE</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
     <h1>HELLO WORLD</h1> 
     <p>Welcome </p> 
    </div> 

    <div data-role="footer"> 
     <h2>&copy; Test</h2> 
    </div> 

</div> 

</body> 

</html> 

你guyyz知道爲什麼它不工作? (從我瞭解到目前爲止,應該有一些樣式的標題和頁腳,但這不是在這裏工作

PS:我已經嘗試過CDN,它與CDN一起工作,但我不想使用CDN因爲我編碼本地應用程序只

截圖ofmy JqueryFolder enter image description here

控制檯錯誤截圖 enter image description here

回答

2

這似乎是因爲您正在使用正斜槓「\」而不是反斜槓「/」。

從我們的評論討論中,我們也可以看到腳本以錯誤的順序加載。

Jquery Mobile需要jquery(main)運行,所以後者(jquery)需要加載第一個

所以......

此:

<head> 
    <link rel="stylesheet" href="JqueryFiles\jquery.mobile-1.4.5.min.css"> 
    <script src="JqueryFiles\jquery.mobile-1.4.5.min.js"></script> 
    <script src="JqueryFiles\jquery.js"></script> 
</head> 

應該是這樣的:

<head> 
    <link rel="stylesheet" href="JqueryFiles/jquery.mobile-1.4.5.min.css"> 
    <script src="JqueryFiles/jquery.js"></script> 
    <script src="JqueryFiles/jquery.mobile-1.4.5.min.js"></script> 
</head> 
+0

都能跟得上仍然沒有工作。我試過\因爲/會工作只是爲了看看它是否會有所作爲。仍然兩個斜線產生相同的結果。所以我在窗戶上。 index.html位於文件夾之外。我在OP中添加了我的JqueryFiles文件夾的圖片。說真的,我不知道發生了什麼事。它應該是直截了當的。 –

+0

'ctrl + shit + j'在我的Chrome瀏覽器中出現一個錯誤控制檯錯誤(有或沒有正斜槓,我得到相同的錯誤)。請查看我的OP獲取錯誤的截圖 –