Question

这是我在互联网上找到的工具提示js功能，并且由于防御性编程而对其进行了重新编码。但原始代码和我的代码具有相同的Google Chrome控制台错误消息。

消息说：

未捕获的ReferenceError：$未定义。

为以下行生成错误。

$(document).ready(function(){...

代码工作正常，没有错误。在main函数中，控制台没有给出$符号的错误消息。

一个例子：

$(document).ready(function(){... //no error on console for "$"

那么，这是Chrome浏览器控制台的错误还是我的错？

this.tooltip = function(){  
    /* CONFIG */        
        xOffset = 10;
        yOffset = 20;       
        // these 2 variable determine popup's distance from the cursor
        // you might want to adjust to get the right result     
    /* END CONFIG */        
    $("a.tooltip").hover(function(e){   
        if (this.t) 
            this.t = this.title;
        this.title = "";                                      
        $("body").append("<p id='tooltip'>"+ this.t +"</p>");
        $("#tooltip")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .fadeIn("fast");        
    },
    function(){
        this.title = this.t;        
        $("#tooltip").remove();
    }); 
    $(".tooltip").mousemove(function(e){
        $("#tooltip")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });         
};

$(document).ready(function(){
    tooltip();
});

Answer 1

您是否按顺序正确调用JavaScript文件？

例如

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="main.js"></script>

它可能与您在文档标题中调用javascript的方式有关。

基于你的评论，我刚看到...... Main.js必须在jquery.js之后。

Answer 2

你在添加jQuery吗？也许听起来很愚蠢，但是你提供的代码并没有什么可以解决jQuery的问题。

未捕获的ReferenceError：“$未定义”

2 个答案: