6

このツールチップを使用しています: http://flowplayer.org/tools/demos/tooltip/index.html

私のhtmlファイルには次の行があります。

<script src="/javascripts/home.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

<div id="boo">
<img src="image1.jpg" title="this thing is a tool"/>
<img src="image2.jpg" title="this thing is also tool"/>
</div>

home.js ファイルに次の行があります。

$("#boo img[title]").tooltip();

css ファイルに次の行があります。

.tooltip {
    display:none;
    background:transparent url(/tools/img/tooltip/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

次のエラーが表示されます。

Uncaught TypeError: Object [object Object] has no method 'tooltip'

私は途方に暮れています。サイトの例に正確に従ったような気がしますが、何が起こっているのかわかりません。

4

3 に答える 3

11

js ファイルの順序を変更する必要があります。

<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js" type="text/javascript"></script>
<script src="/javascripts/home.js" type="text/javascript"></script>

この問題を抱えている他の人のためのもう少しの説明：

スクリプトは呼び出された順にロードされるため、最初に jQuery をロードし、次にプラグイン、カスタム コードをロードします。

于 2011-09-30T01:11:22.350 に答える
3

この問題も発生しました。これは、ソースフォルダーで失われた古いバージョンの jquery が原因で、jquery v1.6.2 でした。それが誰かを助けることができれば... 良い一日を！

于 2012-08-16T08:12:16.413 に答える
1

まとめる$("#boo img[title]").tooltip();と、次の$(function(){ });ようになります。

$(function(){
    $("#boo img[title]").tooltip();
});

どうして：

これ$(function()...は、domReady イベントでそのコードを実行するためのショートカットです。その時点で、すべての jquery ファイルとページが、JavaScript が機能するのに十分な距離まで読み込まれます。

于 2011-09-30T01:06:49.813 に答える