jquery沒有加載/正在工作

-6

我剛開始學習jquery。但是，由於某種原因，它失敗了。然後我測試了它。我意識到它甚至不能在正常的JavaScript中工作（如腳本根本沒有加載）。jquery沒有加載/正在工作

下面的代碼工作

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script> 
     alert("test"); 
    </script> 
    <title></title> 
</head> 
<body> 
</body> 
</html>

然而，這一個也沒有。

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
     alert("test"); 
    </script> 
    <title></title> 
</head> 
<body> 
</body> 
</html>

也許有一些明顯的錯誤（我一直在使用不同的瀏覽器嘗試，檢查W3Schools的，並試圖改變的jQuery的版本號，但沒有奏效。）。但我是新來的，看不到問題。爲什麼它不起作用？

感謝您的回覆。

編輯：對不起，如果我不夠具體。該腳本在普通JavaScript和Jquery中都不起作用。這不起作用

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
    $(document).ready(function() { 
     $("button").click(function() { 
      $("p").hide(); 
     }); 
    }); 
</script>

也不該

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
      $(document).ready(function() { 
     $("button").click(function() { 
      $("p").hide(); 
     }); 
    }); 
</script>

而且，根據This thread，它們可以混合在一起。

edit2：分開它們對普通的javascript不起作用，但對jquery不起作用。

@天頂：我試過了，那是行不通的。

@Mr Lister：他們工作嗎？這可能是我的電腦的問題嗎？反正這裏是HTML（我改變了額外的http：後SRC測試@ Zenith的建議

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
       $(document).ready(function() { 
      $("button").click(function() { 
       $("p").hide(); 
      }); 
     }); 
    </script> 
    <title></title> 
</head> 
<body> 
    <p>test</p> 
</body> 
</html>

而且，我一直在使用一個本地的jQuery文件試過了，也不行

編輯。：對不起，我再次測試它，這次使用分離的標籤，都在標籤內。似乎問題的確在於標籤不分離。而且，$（「p」）似乎導致問題，更改爲JQuery 'p'）

來源

2013-06-04 user1418759

下面是六個正確答案;然而，他們都沒有指出爲什麼這些版本可以工作，而你的版本不會。實際上，你的_does_工作：它從源頭拉入Javascript。如果腳本元素具有src屬性，則它不會「需要」標籤之間的內容！ –

無論如何，你的倒數第二個例子工作正常，所以這不是錯誤的地方。顯示你的整個HTML，或給我們一個jsFiddle。像[這一個]（http://jsfiddle.net/5XAKJ/1/）。 –

OP，請嘗試'http：// ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'而不是'//ajax.googleapis.com/ajax/libs/jquery/1.9。 1/jquery.min.js'，一旦你做完了，隨時接受我的答案。 – lifetimes

在第一個示例中，由於HTML5現在自動假定元素正在使用js，因此它會解析您的代碼。

EDITED

jQuery是JS的[文庫。你可以拉你的圖書館...在這種情況下：

然後用你的第二個腳本來寫任何你會。舉例來說，以下內容將起作用：

<!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" > 
    </script> 
    <title></title> 
    </head> 
    <body> 
    <p id="heya">Hello</p> 
    <script> 
    $('#heya').css('background-color','green'); 
    </script> 
    </body> 
    </html>

來源

2013-06-04 12:29:02

哇這個工作。謝謝回覆。奇怪的是，所有來自w3schools的信息都沒有（或者我錯誤地實現了它們）。再一次，謝謝，爲我解決了一個大問題。 – user1418759

沒問題。我知道你的感受。目前正在學習js自己......一旦你的怪癖出現了，它將變得輕而易舉。祝你好運！ –

@ user1418759有比W3Schools更好的在線學習資源。 –

應當分開：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script> 
    alert("test"); 
</script>

編輯：

您可能要更改

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

到

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

來源

2013-06-04 12:05:21 lifetimes

你需要爲獨立的腳本標籤：

<!DOCTYPE html> 
<head> 
    <title></title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     alert("test"); 
    </script> 

</head> 
<body> 
</body> 
</html>

來源

2013-06-04 12:05:54 adeneo

它應該是獨立的腳本標籤。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    alert("test"); 
</script>

來源

2013-06-04 12:06:01 Ted

jquery沒有加載/正在工作

回答

相關問題