2012-02-10 37 views
0

これはインターネット上で見つかったツールチップのjs関数で、防御プログラミングのために再コーディングしました。しかし、元のコードと私のコードは同じGoogle Chromeのコンソールエラーメッセージを持っています。

メッセージは言う:

Uncaught ReferenceError: $ is not defined.

エラーは次の行のために生成されます。

$(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(); 
}); 
+1

コンソールに '$が定義されていません 'と表示されていますが、コードは正しく動作していますか? –

+0

はい...このコードはmain.jsにありますそして私はそれを私のhtmlのように呼びます。 \t

0

jQueryを追加していますか?多分尋ねるのは馬鹿に聞こえるかもしれませんが、あなたが提供するコードではjQueryを解くことは何もありません。

関連する問題