JS不工作

我不明白爲什麼簡單的代碼不工作是我的瀏覽器。JS不工作

<head> 
    <script src="../static/js/jquery-1.12.3.min.js" ></script> 
    <script src="../static/js/jquery-ui.min.js"></script> 
    <link href="../static/js/jquery-ui.min.css" rel="stylesheet"/> 
    <script> 
    $("#totalCart").html("99,75"); 
    </script> 
    </head> 

<body> 
<div id="totalCart">Total </div> 
</body>

當我在Chrome中啓動此代碼時，我什麼都看不到，爲什麼？

來源

2016-08-01 Alex As

使用文檔就緒處理程序，請閱讀https://learn.jquery.com/using-jquery-core/document-ready/ – Satpal

檢查瀏覽器控制檯。如果出現任何錯誤，您會發現錯誤 –

按F12並轉至控制檯和網絡選項卡。任何錯誤？此外，您的腳本在HTML中的元素創建之前運行。將Javascript放在文件底部（在''之前）或使用jQuery的['.ready（）'方法]（https://api.jquery.com/ready/）。 –

您正在使用之前的選擇DOM已加載。

良好的做法是包括所有腳本在結束你的身體。

或者你可以使用

$(document).ready(function(){ 
    //your code 
});

來源

2016-08-01 07:30:11 Alexis

嘗試把

<script> 
$("#totalCart").html("99,75"); 
</script>

之前

</body>

說明：

對於jQuery通過$("#totalCart")獲取元素 - 同樣，對於非庫javascript來通過document.getElementById('totalCart')獲取元素 - 該元素必須先存在。

在您的原始結構中，腳本一經分析就會運行 - 但是這種情況發生在元素解析之前...有效，腳本運行時，元素尚不存在。

當元素被解析並存在時，腳本已經運行並且不會再次被調用。

如果您將<script>放在文檔的最後（在<body>之前），則所有元素都已由瀏覽器呈現引擎解析並存在。

來源

2016-08-01 07:30:18 Rounin

回答

相關問題