Html需要一段时间才能使用jquery进行更新

Question

这是我的codepen链接：http://codepen.io/johnthorlby/pen/KNQdrJ

这是我必须更改html的代码。

<script>
$(document).ready(function() {
    $("#quote").on("click", function(){
      $("#quote h1").text("\"" + "Here is the quote.");
      $("#quote h4").text("- " + "John Thorlby.")
    });
  });
</script>

当你点击新的引用按钮时，这是非常有气质的，并不总是有效，当它发生时需要一段时间。我究竟做错了什么？这就是为什么我被教导从freecodecamp.com

这样做的原因

Answer 1

在您的代码中，按钮ID为quote，因此您的div id也是如此。所以这里发生的事情是你必须点击div来使函数执行。

更改按钮ID，然后将该ID用于click函数选择器。

希望这会有所帮助..