3

ツールチップを連続して表示および非表示にすることで問題が発生しました。

このスニペットを見てください: http://jsfiddle.net/r7GCJ/

the input-field shows an tooltip if the number in the tooltip is even.

バックスペース キー (「6」が最後の文字であることを意味します) を素早く 3 回クリックすると、数字が偶数であっても、ブートストラップ ツールチップは表示されません。(おそらく、1 回または 2 回の試行が必要です)

この問題を解決する方法を知っている人はいますか、それとも何が問題なのですか?

PS: 私の「実際のコード」では、番号が既に DB にある場合は AJAX を介して検索する必要があり、その場合はツールチップを表示します。

4

2 に答える 2

1

それは興味深い問題です。私は解決策を見つけましたが、それが少し厄介であることは認めます。隠すのではなく、見せたい時に壊して作り直しています。フィドルで問題を再現できなくなりました。

$('#fooInput').keyup(function (e) {
    var $foo = $(e.target);
    if (parseInt($foo.val()) % 2 === 0) {
        // create the tooltip
        $foo.tooltip({
            trigger: 'manual',
            title: 'gerade Zahl!',
            placement: 'bottom'
        });
        $foo.tooltip('show');
    } else {
        $foo.tooltip('destroy');
    }
});

フィドル

于 2013-04-19T19:55:06.433 に答える