Почему этот код JQuery мыши не работает?

Question

Я использую следующий код в области заголовка сайта (я также пробовал тело):

<script>
 $(document).ready(function() {
  $(function(){
    $("#h1").mouseover(function () {
    $("#h1").css("color","red");
  });
  });
  });
</script>

Я также использую это как div (кнопка):

<div class="button" id="h1"><strong>Home</strong></div>

Почему шрифт не меняется на красный при наведении на него курсора?(Оригинальный цвет белый FYI)

Answer 1

Вам нужно обернуть это внутри document.ready. Проблема в том, что вы пытаетесь присоединить обработчик к элементу до его создания.

Вы должны прочитать документ, чтобы лучше понять:

http://api.jquery.com/ready/

Answer 2

Во время выполнения встроенного кода сценария jQuery не нашел результатов, с которыми можно связать указатель мыши.

Вам нужно заключить свой встроенный скрипт в документ. Уже звоните так:

$(document).ready(function() {
    $("#h1").mouseover(function () {
       $("#h1").css("color","red");
    });
});

Ready о функции готовности jQuery