2012-03-23 12 views
0

小さなアプリを開発していて、jQueryツールのツールチップ(http://jquerytools.org/documentation/tooltip/index.html)をツールチップの機能として使用しています。私はページの読み込みにツールチップを表示する方法を理解できません。誰もこれを前にしたことがありますか?jQueryツールツールヒント:ページの負荷に表示

+1

あなたに提供するサンプルがなければ、私はこれを「回答」としていると感じています...だからコメントです! jQueryの「ドキュメント準備完了」機能でツールチップを初期化するだけです。その後、APIに '.show()'のメソッドがありますが、その正確な構文を完全には調べていませんでした。 ;-) –

+0

コメントありがとう!これを行うには2つの方法があります(下記の回答とあなたのコメントを見た後)...私はそれらを以下に投稿しています。 – dennismonsewicz

答えて

9

ツールヒントを初期化した後で、ページの読み込み時にmouseenterイベントをトリガーできる必要があります。

$("#target").mouseenter(); 
+1

DUDE!本当にありがとう!私はこれが簡単だと分かっていました! Stackoverflowが私をLOLにさせてくれたら、それを受け入れます!再度、感謝します! – dennismonsewicz

+2

'show()'のAPI呼び出しがあるとき、これは少し横向きに見えます。しかし、結果を議論することはできません! ;-) –

0

ツールチップにはすべて「ツールチップ」があるように見えるので、これを行うことができます。

$(function(){ 
    $('div.tooltip').fadeIn(); 
}); 

あなたはおそらくにいくつかのロジックを追加したいと思う「.fadeOut()」とも

+0

それは動作しません。 –

4

マシューからの回答とグレッグからの提案を見た後、二つの方法が(もっとかもしれない)がありますこれを行うことについて行くの。

ここにあります。

に助けを

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }).mouseenter(); 

おかげで再びjQueryのツールAPIのバージョンのMouseEnterをアクティブにするためにはjQueryを使用した

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }); 

       var tooltipApi = $('.searchToolTip').data('tooltip'); 
       tooltipApi.show(); 

()を使用!

+0

+1意図したとおりにAPIを使用することは、偽のイベントを引き起こすよりもハッキリです。 (このAPIの使い方はわかりませんでしたがdata()メソッドは驚きでした)。 –

関連する問題