Twitter Bootstrap 工具提示连续显示/隐藏问题

Question

我有一个问题，需要连续显示和隐藏提示框。

看一下这个片段：http://jsfiddle.net/r7GCJ/。

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

如果您快速三次点击退格键（这意味着'6'是最后一个字符），即使数字是偶数，您也不会看到bootstrap工具提示。（可能需要一两次尝试）

有人知道如何解决这个问题，或者问题出在哪里吗？

PS：在我的“真实代码”中，我必须通过AJAX查找数字是否已经在数据库中，如果是，则显示工具提示。

- goto

---

尝试在工具提示上关闭动画。这将加快显示/隐藏工具提示所需的时间。 - 300 baud

Answer 1

这是一个有趣的问题。我已经找到了一个解决方案，尽管我承认它有点笨拙。我不是隐藏它，而是在想要显示它时销毁它并重新创建它。我无法在fiddle中再现这个问题。

$('#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');
    }
});

FIDDLE

的英译中，保留了 HTML 标签，不做解释。

- egbrad

Answer 2

非常有趣的事情:D。我不知道为什么，但这是一种不常见的情况。您可以通过编写<input id="fooInput" type="text" />而不是具有初始值的代码来解决此问题。您可以添加另一个工具提示，以说明只允许数字。

- Bodo Hombah

---

说实话，我发布的代码并不是我的“真正代码”。在我的真实项目中，我会进行一个AJAX调用来检查输入字段中的数字是否已经存在，如果是，则显示一个带有错误提示的工具提示。这意味着你的解决方案在我的真实场景中无法使用。很抱歉没有提到这一点。 - goto

@goto：遇到了同样的问题，你找到解决方案了吗？ - theV0ID