61

twitterブートストラップツールチップのデータ遅延属性を機能させるのに問題があります。私はそれを次のように使用しています：

これが私がそれを使う方法です：

<a href="#" data-toggle="tooltip" data-delay="{ show: 5000, hide: 3000}">with delay</a>
<script>
    jQuery('a[data-toggle="tooltip"]').tooltip().click( function(e) {
        e.preventDefault(); 
    });
</script>

しかし、表示/非表示に遅延は見られません。なぜアイデアはありますか？

4

7 に答える 7

123

最後に、データ属性で動作するようになりました。

data-delay='{"show":"5000", "hide":"3000"}'

オブジェクトは一重引用符、二重引用符の付いたキー、および二重引用符またはなしの値で囲む必要があります。おそらくタイプによって異なります。動作する唯一の方法です。

これはポップオーバーでも機能します。

于 2013-09-11T08:41:13.720 に答える
29

どうしてこんな風にできないの？

$('a').tooltip({
     'delay': { show: 5000, hide: 3000 }
});
于 2013-03-02T05:16:19.100 に答える
4

私はそれをこのように好む：

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip({'delay': { show: 5000, hide: 3000 }
    });   
});
于 2015-12-06T04:44:39.243 に答える
4

あなたの答えはBootstrap3.3.2では機能しません。これは私のバージョンでうまく機能しています：

data-delay='{"show":5000, "hide":3000}'

ソース：https ：//github.com/twbs/bootstrap/issues/13874

于 2016-02-02T07:50:27.777 に答える
0

次を使用できます。

<div ... popover-popup-delay="2000" ...>
于 2015-01-13T03:42:06.547 に答える
0

AngularJS（UI）で使用する場合：

<div tooltip="Hello" tooltip-popup-delay="500"></div>
于 2015-01-28T13:44:17.457 に答える
0

回避策！

モーダルの情報メッセージポップオーバーで機能させることができませんでしたが、JavaScriptでこの回避策を使用しました：

$('#infoPopover').attr("data-original-title", "Delete Document");
$('#infoPopover').attr("data-content", "Success");
$('#infoPopover').popover('show');
setTimeout(function () { $('#infoPopover').popover('hide') }, 4000);

空のスパンで動作します...

<span id="infoPopover" data-toggle="popover"></span>

ポップオーバーが数秒間表示された後、再び非表示になります。

モーダルのポップオーバー情報メッセージの画像

于 2021-05-17T10:14:45.510 に答える