Twitter Bootstrap工具提示連續顯示/隱藏

Question

我通過連續顯示和隱藏工具提示來解決問題。

看看這個片段： http ： //jsfiddle.net/r7GCJ/

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

如果快速三擊退格鍵（這意味着'6'是最后一個字符），即使數字是偶數，也不會看到引導工具提示。 （也許你需要一兩次嘗試）

任何人都知道如何解決這個問題，或者問題是什么？

PS：在我的“真實代碼”中，如果數字已經在數據庫中，我必須通過AJAX查找，如果有，我會顯示工具提示。

Answer 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');
    }
});

小提琴

Answer 2

非常有趣的事情：D。 我不知道為什么，但這是不常見的情況。 您可以通過編寫<input id="fooInput" type="text" />而不是具有初始值的代碼來解決此問題。 您可以添加另一個工具提示，表示只允許使用數字。