jquery - getJSON div 更改在控制台中有效，但在网页中无效

Question

所以这是我的问题。我正在尝试从网页中提取特定元素，并在产品 div 中显示该信息。这是我目前正在使用的代码。

<div id="heres">fd</div>

---

$.getJSON("https://productinfo.com/api/product", function (el) {
    document.getElementById("heres").innerHTML = "Product price: " + el.price;
});

这在控制台中运行良好（在代码运行后大约一秒钟内 div 会发生变化），但我根本无法让它在网页代码中工作。那里发生了什么事？我不是一个非常好的编码器，但我认为代码非常可靠，所以我很困惑。任何帮助表示赞赏！:)

Answer 1

试试这个：

  $(document).ready(function() { 
     $.getJSON("https://productinfo.com/api/product", function (el) { document.getElementById("heres").innerHTML = "Product price: " + el.price; 
  }); 
 });