Не обрабатываются события

@AnatoleiChubais · Регистрация: 28.06.2017

Author24 — интернет-сервис помощи студентам

Здравствуйте.

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script type="text/javascript" src="/jquery.js"></script>
<style>

.test

CSS

{
    width:100px;
    height:100px;
    background-color:#FF00AE;
}

HTML5

</style>
</head>
<body>
<script>

Javascript

$('#test').hover(
function(){
  alert('Вы попали на территорию элемента "foo", известную своей валидной версткой'+ 
        'и наличием диких обработчиков событий.');
},
function(){
  alert('Вы покинули территорию элемента "foo". Мы будем рады видеть вас снова.');
});

HTML5

</script>
</script>
<div class="test" id="test"></div>
</body>
</html>

И не работает. Проверяю, подключена ли библиотека

Javascript

1
2
3

 $(document).ready(function(){
alert('Ваша версия jQuery ' + jQuery.fn.jquery);
});

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

@Lazy_Den · 02.09.2017, 01:08

Сообщение от AnatoleiChubais

Проверяю, подключена ли библиотека

Почему же вы для проверки обвернули код в конструкцию DOM-Ready, а код выше - нет?
Два варианта: или же не забывать отслеживать загрузку DOM и тогда код можно располагать где угодно, или же располагать код в самом низу документа.

Javascript

$(function(){
    // ваш код
});
// или полная форма записи
$(document).ready(function(){
    // ваш код
});

@AnatoleiChubais · 02.09.2017, 01:18 **[ТС]**

я правильно понимаю, что любой код js нужно оборачивать в эту констркцию?

Javascript

1
2
3

$(document).ready(function(){
    // ваш код
});

@Lazy_Den · 02.09.2017, 01:21

AnatoleiChubais, Повторюсь... Если код располагается до элементов страницы, с которыми ему нужно работать, то его выполнение нужно отложить до загрузки этих элементов. В этом случае - да. Если же код JS расположен после элементов, с которыми ему нужно работать, то он в любом случае дождётся их загрузки и в этом случае оборачивать не нужно.

@AnatoleiChubais · 02.09.2017, 01:27 **[ТС]**

Т.е. буквально эта функция говорит $(document) полностью ready - можно выполнять теперь функцию, верно?

@Lazy_Den · 02.09.2017, 01:32

Сообщение от AnatoleiChubais

эта функция говорит

Она говорит: "Дружище JS, подожди пока интерпретатор браузера не прочитает все элементы документа, а потом я тебя позову и ты начнёшь свою работу. В противном случае, если ты начнёшь выполняться, а какой-нибудь нужный тебе <div> еще не будет прочитан, то ты о нём даже не узнаешь и по сути, он для тебя не будет существовать."

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	02.09.2017, 01:21	4
	AnatoleiChubais, Повторюсь... Если код располагается до элементов страницы, с которыми ему нужно работать, то его выполнение нужно отложить до загрузки этих элементов. В этом случае - да. Если же код JS расположен после элементов, с которыми ему нужно работать, то он в любом случае дождётся их загрузки и в этом случае оборачивать не нужно. 1

@AnatoleiChubais 2 / 2 / 2 Регистрация: 28.06.2017 Сообщений: 112
	02.09.2017, 01:27 [ТС]	5
	Т.е. буквально эта функция говорит $(document) полностью ready - можно выполнять теперь функцию, верно? 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	02.09.2017, 01:32	6
	Сообщение от AnatoleiChubais эта функция говорит Она говорит: "Дружище JS, подожди пока интерпретатор браузера не прочитает все элементы документа, а потом я тебя позову и ты начнёшь свою работу. В противном случае, если ты начнёшь выполняться, а какой-нибудь нужный тебе `<div>` еще не будет прочитан, то ты о нём даже не узнаешь и по сути, он для тебя не будет существовать." 1

Не обрабатываются события

Решение