Я следую учебному пособию от Nettuts, в частности здесь:
http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-11/
Мне нужно пройти 3/4 видео, и когда я пытаюсь проверить страницу, оно не работает.
Вот страница aspx:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script src="js/myscript.js" type="text/javascript"></script>
</head>
<body>
<a href="images/one.jpg"><img src="images/oneTN.jpg" alt="some image"/></a>
<a href="images/two.jpg"><img src="images/twoTN.jpg" alt="some image"/></a>
<a href="images/three.jpg"><img src="images/threeTN.jpg" alt="some image"/></a>
</body>
<html>
Вот myscript.js:
$(function() {
$('a').hover(function(e) {
var href = $(this).attr('href');
$('<img id="largeImage" src="' + href + '" alt="big image" />')
.css('top', e.pageY)
.css('left', e.pageX)
.appendTo('body');
}, function() {
$('#largeImage').remove();
});
});
Часть учебника, на которой я нахожусь, не завершена, но в этот момент, когда вы наводите курсор мыши на изображение, оно должно отображать большое изображение, которое оно не делает. Я скучаю по чему-то подобному; или)?
Я только что понял, что в сценарии у меня есть файл console.log, но я не уверен, почему он все равно не запустится. Это сделано с помощью firebug?