☰

ブートストラップツールチップの表示/非表示を遅らせるにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery twitter-bootstrap
ブートストラップツールチップの表示/非表示を遅らせるにはどうすればいいですか? 質問する

Twitter Bootstrap ツールチップの data-delay 属性を機能させるのに問題があります。次のように使用しています:

使い方は次のとおりです:

<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>

しかし、表示/非表示に遅延は見られません。なぜか理由が分かりますか?

ベストアンサー1

ついにデータ属性で動作するようになりました。

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

オブジェクトは一重引用符で囲む必要があり、キーは二重引用符で囲み、値は二重引用符で囲むか、または二重引用符なしで囲む必要があります (おそらくタイプによって異なります)。これが機能する唯一の方法です。

これはポップオーバーにも使えます。

おすすめ記事