2011-08-04 24 views
1

特定のリンクをロールオーバーするときにツールチップが表示されます。動いていない。コメントアウトされたアラートは機能しているので、イベントは問題ではありません。これは私のJavaScriptコードです:jQueryのツールチップが機能しない

$(window).load(function() { 

$("a").each(function() { 
    if(this.text==" View image") { 

     $(this).mouseover(function() { 
//    alert("blabla"); 
      $(this).tooltip(); 
     }); 

    } 

}); 

});

私のHTMLが含まれるファイルに

は以下のとおりです。

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" language="javascript" src="jquery.tooltip.min.js"></script> 
<script type="text/javascript" language="javascript" src="mainscript.js"></script> 

は、私はいくつかの助けをいただければと思います。

UPDATE:マウスオーバーを除去すること

答えて

1

は、マウスオーバー機能を削除する助けにはなりません。プラグインでは、カスタムマウスオーバー機能を追加する必要はありません。それはあなたのためのプラグインから行われます。

if(this.text==" View image") { 
      $(this).tooltip(); 
    } 

ホープこれは^^

変更$(ドキュメント).ready(関数(){})に主jQueryの機能を助けます。これはおそらく、今で動作します

+0

このプラグインを使用する他の方法を見つけるには、デモを参照してください - http://jquery.bassistance.de/tooltip/demo/ – Chan

+0

不運にもマウスオーバーを解除しても役に立たなかった... – Caballero

+0

私は答えを編集しました – Chan

0

はこれを試してみてください:

$("a").each(function() { 
    if(this.innerHTML == " View image") { 
     $(this).tooltip(); 
    } 
} 

また、 "表示画像" の表示の前にスペースがあります。それが意図的かどうかは分かりません。

0

私は最近のプロジェクトでjQuery tipsyを使用しました。理解して統合するのはかなり簡単です。

関連する問題