jQuery似乎並沒有在本地或在我的瀏覽器上工作

我下載了jQuery，並試圖在崇高的文本編輯器中運行它，但它似乎並沒有工作。在我的控制檯中沒有錯誤，所以我也嘗試在腳本標記中使用jQuery的Web地址，但這也不起作用。最後，我已經將代碼複製並粘貼到一個plunk中，但它仍然無法在其中工作。有人可以看看這個，告訴我發生了什麼事嗎？ http://plnkr.co/edit/LSz4Sj35oOvHJYZ61cMr jQuery似乎並沒有在本地或在我的瀏覽器上工作

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div id="circle"></div> 
    <br /> 
    <p>Hello</p> 
    </body> 

</html> 

**CSS** 

#circle { 

     height: 200px; 
     width: 200px; 
     border-radius: 100px; 
     background-color: red; 
    } 

.square { 

     height: 200px; 
     width: 200px; 
     margin-top: 10px; 
     background-color: blue; 
    } 

**JS** 

$('#circle').click(function() { 

     $('p').html("the text has changed"); 

});

來源

2015-12-01 Mjuice

您需要準備好處理程序。 –

準備好文檔 - https://learn.jquery.com/using-jquery-core/document-ready/ – Clay

[Javascript代碼可能在jsfiddle中工作，但不在瀏覽器中]（http://stackoverflow.com/問題/ 23116431/javascript-code-works-in-jsfiddle-but-in-the-browser） –

嘗試使用這個腳本，以確保公正的jQuery加載

$(function(){ 
 
    console.log("jquery has loaded"); 
 
});

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

此外，請確保您的瀏覽器不火壁。

來源

2015-12-01 04:09:42

爲什麼會有多個答案？ –

一個頁面可以直到文檔不被安全操控「準備好了。」 jQuery爲您檢測到這種狀態。包含在$（document）.ready（）中的代碼只有在頁面文檔對象模型（DOM）準備好執行JavaScript代碼時纔會運行。

您需要包含ready處理程序。 jQuery沒有執行，因爲DOM沒有準備好JavaScript。將代碼包裝在$document.ready()區塊中。看到這個。

$(document).ready(function() { 
    $('#circle').click(function() { 
     $('p').html("the text has changed"); 
    }); 
});

https://learn.jquery.com/using-jquery-core/document-ready/

來源

2015-12-01 04:02:14

jQuery似乎並沒有在本地或在我的瀏覽器上工作

回答

相關問題