Всем добрый вечер! Я на этом форуме человек новый, поэтому прошу прощения, если вопрос сто раз повторялся, но правильно и коротко сформулировать я его не придумал как, поэтому прошу помощи. Суть такова: (пример взят отсюда
https://habrahabr.ru/post/42426/) есть первый файлик с именем test.html в котором хранится такой небольшой код:
<!doctype html>
<html lang="ru">
<head>
<title>AJAX</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){ // по завершению загрузки страницы
$('#example-5').click(function(){ // вешаем на клик по элементу с id = example-5
alert("12345678"); //ДОБАВЛЕНО ДЛЯ ПРОВЕРКИ ПРАВИЛЬНОСТИ ПОДКЛЮЧЕНИЯ БИБЛИОТЕКИ jQuery...
$.getScript('example.js', function(){ // загрузку JavaScript'а из файла example.js
testAjax(); // выполняем загруженный JavaScript
});
})
});
</script>
</head>
<body>
<button id="example-5">BUTTON</button>
<div id="forecast"></div>
</body>
</html>
И второй файлик example.js в который лежит в той же папке и содержит в себе такой код:
function testAjax() {
$('#example-5').html('Test completed'); // изменяем элемент с id = example-5
}
В живом примере на сайте по ссылке выше код отрабатывается и меняет название кнопки, а я битый час не могу понять, почему событие alert("12345678"); отрабатывается каждый раз при нажатии на кнопку, а дальнейший код - нет. Путь к файлу "example.js" пробовал менять по-всякому и безрезультатно... Подскажите, пожалуйста, в чем загвоздка.
