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

В вашем коде идентификатор кнопки: quote, а также ваш идентификатор div. Итак, дело здесь, вам нужно щелкнуть по div, чтобы выполнить функцию.

Измените идентификатор кнопки, затем используйте этот идентификатор для переключателя функций click.

Надеется, что это помогает ..