Не срабатывает функция при наступлении события
Подскажите пожалуйста где может быть ошибка?
Вроде все верно написано, скрипт в 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; }); |
Valentin1918,
откуда в диве ширина возьмётся? |
Valentin1918,
http://learn.javascript.ru/metrics#scrollwidth-height |
В стиле прописана. Даже если оставить просто текст - не работает.
|
|
Вопрос не в этом. Я говорю, что если оставить просто alert("сообщение"), при нажатии на картинку ничего не работает.
Если в html функцию прикреплять, то работает, а если в JS - нет. Кто знает в чем может быть проблема? |
Valentin1918,
значит ставить скрипт в конце страницы |
Ок попробую, НО
я думал, что если прописано внутри $(function() { }); то не важно в каком месте страницы ставить скрипт. |
Valentin1918, вообще да, но главное, чтобы он был ниже jQuery.
|
Ruslan_xDD,
файл JS прописан ниже, чем JQuery. Какая-то у меня аномалия. Помогите кто с таким сталкивался. |
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>
|
Спасибо все работает теперь. Просто страница была очень замалена комментариями, сделал на числой заработало.
|
| Часовой пояс GMT +3, время: 06:34. |