Twitter Bootstrap Twipsy 在 Firefox/Chrome 中不起作用，但在 IE 中起作用答案

【问题标题】：Twitter Bootstrap Twipsy doesn't work in Firefox/Chrome but works in IETwitter Bootstrap Twipsy 在 Firefox/Chrome 中不起作用，但在 IE 中起作用
【发布时间】：2012-04-06 07:10:43
【问题描述】：

我有一个应用程序，我正在使用 Twitter Bootstrap 的 Twipsy 插件在客户端显示验证消息...

如果有错误，会有一个漂亮的 twipsy 工具提示。但是，如果用户更正了输入字段，则 twipsy 错误消息不会在 Firefox 和 Chrome 中消失。它在 IE 9 中消失了。

有什么问题？

这里是项目的网址：http://4aab82026a744a638d04d47f8b428217.cloudapp.net/

如果您在未输入 zip 的情况下单击注册，则会显示该消息。

输入邮政编码后，在第二个注册页面也可以看到。

【问题讨论】：

你能把你的代码粘贴到jsfiddle.net这样的地方吗？
很难在 jsfiddle 中重现它...但是您可以在 firebug 中轻松解决它... twipsy 显示/隐藏发生在 main.js 函数 ShowHideTwipsy()

标签： jquery twitter-bootstrap

【解决方案1】：

禁用任何加速机制，即 CloudFlare，然后删除 DOCTYPE；重新加载并查看它是否有效；如果它确实将您的 DOCTYPE 数据替换为以下内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site name goes here</title>

这应该可以解决 Chrome 中基于 Bootstrap 的错误。

【讨论】：

不幸的是，它不起作用。你知道为什么 twitter 从它的新版 bootstrap 中删除了 twipsy 吗？