Не работают функции в подключенном файле

@AGRov · Регистрация: 11.03.2016

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

Добрый день! Только учусь работать с javascript и тут такая небольшая проблема.
Вот самый простой код:

JavaScript
1
2
3
    $('#link').hover(function() {
        $(this).text('Текст! Текст!');
    });

Когда этот код я ввожу в html файл, в тэгах script - все работает, при наведение появляется текст. А вот если я создаю отдельный файл с расширением js, подключаю его в html документе, не работает. Библиотека Jquery Находится в том же месте, все в одной папке. Не могу понять, в чем причина.

@maruo · 08.05.2016, 15:02

AGRov, Откройте инспектор, и посмотрите в консоли какие ошибки выдает.

@AGRov · 08.05.2016, 15:04 **[ТС]**

maruo, В том-то и дело, что нет ошибок, тупо не выполняет команды, которые в этом файле находятся. Но при этом, в начале идет код с анимацией, который корректно отображается. А именно функции с кликом или вот hover - не работают.

@maruo · 08.05.2016, 15:09

AGRov, а файл точно правильно подключили ?

И посмотрите мб еще есть объекты с таким iD #link

@AGRov · 08.05.2016, 15:13 **[ТС]**

maruo, С таким id Больше объектов нет. Проверял везде, тот же самый код ввел в codepen, работает, ввожу его в html файле - работает. А в отдельном нет. Подключал файл я так: <script src="javascript.js"> </script>

@maruo · 08.05.2016, 15:30

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

Файл лежит в той же директории ? где и html?

@AGRov · 08.05.2016, 16:10 **[ТС]**

maruo, да, все в одной папке

@maruo · 08.05.2016, 16:14

AGRov, jsquery точно подключен? И где вы его подключаете в html или js?
Нужно в html

@AGRov · 08.05.2016, 16:15 **[ТС]**

maruo, Да, подключен, в Html.

@maruo · 08.05.2016, 16:21

AGRov, Не верится что то, большой по размерам файл? выложите кодом сюда тот файл который подключаете и html,
Если файлы большие то выложите только нужную часть

@AGRov · 08.05.2016, 16:28 **[ТС]**

maruo,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!Doctype html>
<html>
<head>
    <title> Банер </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="style.css">
    <script src="jquery-2.2.3.js"> </script>
    <script src="javascript.js"> </script>
</head>
<body>
    <div class="banner">
        <div class="logo">
            <img src="images/logo.png" id="logo"/>
        </div>
        <div class="converts">
            <p><img src="images/convert1.png" alt="" class="convert" id="convert1"></p>
            <p><img src="images/convert2.png" alt="" class="convert" id="convert2"></p>
            <p><img src="images/convert3.png" alt="" class="convert" id="convert3"></p>
        </div>
        <p> <a href="#" id="link"> Акция </a> </p>
    </div>  
    
 
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(document).ready(function() {
    rotate_logo();
});
    function rotate_logo () {
        $('#logo').css('transition', '2000ms linear');
        $('#logo').css('transform' , 'rotate(360deg)');
        setTimeout(function () {
            $('#logo').css('transition', '0ms linear');
            $('#logo').css('transform' , 'rotate(0deg)');
            setTimeout('rotate_logo();', 1000)
        }, 2000)
    }
    function height () {
        $('.banner').css('display' , 'block');
        $('.banner').animate({height: '600px'}, 3000);
    }
    setInterval(height, 500);
    
    $('#link').mouseover(function() {
        $(this).text('Бесплатный товар!');
    });
    $('#link').mouseout(function() {
        $(this).text('Акция');
    });
    
    $('#convert1').click(function() {
        $(this).attr('src', 'images/convert1_1.png');   
    });

Вот что интересно, код сам работает, но действия с mouseover(out) и click - не работают. Именно они не работают.

@maruo · 08.05.2016, 16:31

AGRov, а вы вниз файла переместите после тега </html>

JavaScript
1
<script src="javascript.js"> </script>

и проверьте

@AGRov · 08.05.2016, 19:42 **[ТС]**

maruo, Спасибо вам огромное, помогло, все заработало

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	08.05.2016, 15:02
	AGRov, Откройте инспектор, и посмотрите в консоли какие ошибки выдает. 0

@AGRov 0 / 0 / 0 Регистрация: 11.03.2016 Сообщений: 34
	08.05.2016, 15:04 [ТС]
	maruo, В том-то и дело, что нет ошибок, тупо не выполняет команды, которые в этом файле находятся. Но при этом, в начале идет код с анимацией, который корректно отображается. А именно функции с кликом или вот hover - не работают. 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	08.05.2016, 15:09
	AGRov, а файл точно правильно подключили ? И посмотрите мб еще есть объекты с таким iD #link 0

@AGRov 0 / 0 / 0 Регистрация: 11.03.2016 Сообщений: 34
	08.05.2016, 15:13 [ТС]
	maruo, С таким id Больше объектов нет. Проверял везде, тот же самый код ввел в codepen, работает, ввожу его в html файле - работает. А в отдельном нет. Подключал файл я так: <script src="javascript.js"> </script> 0

@AGRov 0 / 0 / 0 Регистрация: 11.03.2016 Сообщений: 34
	08.05.2016, 16:10 [ТС]
	maruo, да, все в одной папке 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	08.05.2016, 16:14
	AGRov, jsquery точно подключен? И где вы его подключаете в html или js? Нужно в html 0

@AGRov 0 / 0 / 0 Регистрация: 11.03.2016 Сообщений: 34
	08.05.2016, 16:15 [ТС]
	maruo, Да, подключен, в Html. 0

@maruo 133 / 133 / 48 Регистрация: 26.04.2013 Сообщений: 1,356
	08.05.2016, 16:21
	AGRov, Не верится что то, большой по размерам файл? выложите кодом сюда тот файл который подключаете и html, Если файлы большие то выложите только нужную часть 0

@AGRov 0 / 0 / 0 Регистрация: 11.03.2016 Сообщений: 34
	08.05.2016, 19:42 [ТС]
	maruo, Спасибо вам огромное, помогло, все заработало 0

Не работают функции в подключенном файле

Решение