从文本框中删除 Twitter Typeahead

Question

我正在尝试禁用表单上的所有文本框。其中一个盒子上有一个预输入。当我这样做时：

$(#textbox).attr('disabled', true);

它不再启用，但颜色不会像所有其他文本框在禁用时那样切换。

我相信这是由于 twitter typeahead 造成的，我想知道是否有办法绕过它。有谁知道在禁用文本框时如何覆盖文本框背景颜色或完全删除预输入？

我尝试过.unbind() 和.addClass("greyBackground")，但似乎都没有成功。

Answer 1

如果您不关心在禁用 textarea 时维护 typeahead.js 功能，您可以像这样销毁 typeahead：

$('#textbox').typeahead('destroy');

这将重置/删除 typeahead.js 可能添加的任何属性/样式。如果稍后您想重新添加 typeahead.js 功能，您可以使用以下命令重新初始化它：

$('#textbox').typeahead({ /* configs */ });

此外，typeahead.js 不支持开箱即用的 textarea 元素，因此除非您使用的是分叉版本，否则不应假设 typeahead.js 会按预期工作。

Answer 2

在 Bootstrap 2.2.2 中没有 .typeahead('destroy') 函数，因此以下内容确实删除了之前绑定的所有侦听器以及它创建的 DOM 元素。

$('#textbox').off()
        .data('typeahead')
        .$menu
        .off()
        .remove();