Вход

Просмотр полной версии : Не срабатывает функция при наступлении события

Valentin1918
22.01.2015, 00:22
Подскажите пожалуйста где может быть ошибка?
Вроде все верно написано, скрипт в html подсоединен, но не работает.
Заранее большое спасибо!

html:
div id="logoMogo"><img src="images/Logo/Logo.png"></div>

JavaScript:
$(function() {
var pictureChange = document.getElementById("logoMogo");
function logoClick () {
alert("Ширина фото: " + pictureChange.width);
}
pictureChange.onclick = logoClick;
});
рони
22.01.2015, 00:29
Valentin1918,
откуда в диве ширина возьмётся?
рони
22.01.2015, 00:32
Valentin1918,
http://learn.javascript.ru/metrics#scrollwidth-height
Valentin1918
22.01.2015, 00:33
В стиле прописана. Даже если оставить просто текст - не работает.
рони
22.01.2015, 00:37
http://learn.javascript.ru/styles-and-classes#получение-информации-о-style
Valentin1918
22.01.2015, 10:42
Вопрос не в этом. Я говорю, что если оставить просто alert("сообщение"), при нажатии на картинку ничего не работает.
Если в html функцию прикреплять, то работает, а если в JS - нет.
Кто знает в чем может быть проблема?
рони
22.01.2015, 10:56
Valentin1918,
значит ставить скрипт в конце страницы
Valentin1918
22.01.2015, 12:50
Ок попробую, НО
я думал, что если прописано внутри $(function() { }); то не важно в каком месте страницы ставить скрипт.
ruslan_mart
22.01.2015, 13:02
Valentin1918, вообще да, но главное, чтобы он был ниже jQuery.
Valentin1918
22.01.2015, 13:08
Ruslan_xDD,
файл JS прописан ниже, чем JQuery.
Какая-то у меня аномалия. Помогите кто с таким сталкивался.
рони
22.01.2015, 13:23
Valentin1918,
и где проблема?
<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var pictureChange = document.getElementById("logoMogo");
function logoClick () {
alert("Ширина фото: " + pictureChange.scrollWidth);
}
pictureChange.onclick = logoClick;
});
</script>
</head>
<body>
<div id="logoMogo"><img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif"></div>
</body>

</html>
Valentin1918
22.01.2015, 23:04
Спасибо все работает теперь. Просто страница была очень замалена комментариями, сделал на числой заработало.