Question

我正在关注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设计的吗？

Answer 1

console.log（）仅适用于支持它的调试环境，例如Firebug，如果您尝试在IE中运行该页面，则会出现错误。

脚本中的console.log在哪里？如果它被正确格式化，那么如果安装了Firebug，任何代码仍然可以正常工作。

Answer 2

我想我得到了它，我删除了console.log（href）并且它有效。

为什么这个JQuery代码不起作用？

2 个答案: