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" />而不是具有初始值的代码来解决此问题。 您可以添加另一个工具提示，表示只允许使用数字。