javascript - “TypeError: $(...) is null” 怎么回事？

Question

Firebug 给出错误：

TypeError: $(...) is null
$('#menu img').hover(

我不知道为什么。看似有问题的脚本是当光标悬停在图像上时替换图像的脚本：

$(document).ready(function()
{
    var storeNormalPath;
    $('#menu img').hover(
        function()
        {   
            storeNormalPath = $(this).attr('src');
            var imgArray = $(this).attr('src').split('.jpg');
            $(this).attr('src', imgArray[0]+'Hover.jpg');
        }, 
        function() 
        {   
            $(this).attr('src', storeNormalPath);
        }
        ).click (function()
        {
            //empty now
        });
});

Answer 1

在使用 chrome 的控制台查看您的页面后，它看起来甚至$(document)返回 null。 jQuery(document)但是，有效，这表明与 jQuery 的 $ 运算符存在冲突。

（来源：我会引导您回答这个问题：$.document 为 null）

看到您在页面标题中同时引用了jquery-1.5.1.min.js和jquery.1.4.2.js，也许这可能是冲突的原因？你试过只加载其中一个吗？

让我们知道这是否有帮助，对不起，我无法提供更多帮助。祝你好运！