2

私は twiiter-bootstrap のツールチップを使用しており、ajax リクエストを起動したい、またはツールチップが閉じたときにアラート ボックスを表示したいと考えています。jquery コードは次のとおりです。

$(document).ready(function(){
        $('#explore').tooltip({
                content : "hi there",
                placement : 'bottom',
    });
});

jquery のツールチップや craigworks のqtipなどの他のプラグインも試しましたが、ツールチップが閉じられたときにコールバックを起動する方法がわかりません。

ツールチップがこれをサポートできない場合でも、ブートストラップのポップオーバーやその他の回避策などを使用できますか?

私が達成しようとしているのはこれです: ボタンのあるdivがあります。ユーザーがそのボタンをクリックすると、ボタンの横に小さなダイアログが表示され、その他の情報を要求されます。ユーザーは、(1) ダイアログを無視して画面上の他の場所をクリックしてダイアログを閉じることができます (2) [閉じる] ボタンをクリックしてダイアログを閉じます (3) 質問への回答を送信してダイアログを閉じます

3 つのケースすべてで、div を別の ajax フェッチされたコンテンツに置き換える必要があります。ツールチップにコールバックがあれば、それはよかったでしょう。

4

2 に答える 2

0

を介してこれを行うネイティブな方法はないようです.tooltipが、ツールチップの表示をトリガーするものを選択できるため、独自のイベントをその反対にバインドできます。デフォルト（使用しているもの）は'hover'次のとおりです。

$("#explore").tooltip().on('mouseout', function () { alert('left tooltip'); });
于 2013-01-07T16:12:29.570 に答える
0

プラグインのプロパティを使用して、Craig のqtipを使用してこれを解決できました。events

$(document).ready(function(){
    $('.overlay-seen-it').qtip({
        overwrite: false,
        content: {
        text: "Hi there"
        },
        show: {
        event: 'click',
        solo: true
        },
        hide:{
        event: 'unfocus'
        },
        events:{
            hide: function(event, api){
            var movie=api.elements.target.closest('.movie');
                movie.fadeOut(500, function(){
                    $.get('reco_product_stream.jsp?type=replace', function(data) {
                        var $a = $(data).find('a'); 
                        movie.children('a').replaceWith($a);
                        movie.fadeIn(500);
                    });             
                });                     
            }
        }
    });
});

プロパティにリストされている関数はevents:hide、qtip が閉じたときに起動します。ここでCraig によって解決されました。

于 2013-01-09T05:51:52.723 に答える