css - 用于更改字体和文本框颜色的 jQuery 验证 CSS 停止工作

Question

可能有更好的论坛，但这是我的问题:

我正在为 CSS、jQuery、jQuery Mobile、jQuery.validate 等使用几个不同的 CDN 站点。非常最近(最近几天)的某个时候，jQuery 验证使用的 CSS 停止了以红色突出显示受影响的文本框，并将消息更改为红色字体。

我最初以为是添加了 blockUI.js 和 css，但后来我注意到我为制作这个元素的点点滴滴而创建的所有 fiddle 也受到了影响，而且它们都没有受到影响blockUI 添加到他们，所以不是这样。

然后我认为 Chrome 中可能发生了一些变化，所以我在 Firefox 中尝试了同样的事情。我有一个上传测试代码的远程服务器，它仍然正常工作，直到我重新加载页面，然后是同样的事情。这告诉我更改发生在一个基于 CDN 的文件中。

我的问题是，由于我没有下载每个 .js 和 .css 文件的版本，我如何才能确定发生了什么变化？是否可以下载以前的版本(我的引用资料中的版本号没有改变，所以无法分辨。

我知道我可以简单地为突出显示和字体问题创建自己的 .css，但似乎托管这些不同 CDN 的人不应该在你下面更改它们？ FWIW，我的主要怀疑是:http://jquery.bassistance.de/validate/demo/css/screen.css ，特别是因为它还没有版本化。我还没有机会尝试验证这一点。

作为引用，我正在为我当前的元素使用这个 CDN 位置数组:

<link href="http://malsup.com/jquery/block/block.css?v3" rel="stylesheet">
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet">
<link href="http://jquery.bassistance.de/validate/demo/css/screen.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/additional-methods.js"></script>
<script type="text/javascript" src="http://malsup.github.io/jquery.blockUI.js"></script>
<script type="text/javascript" src="pcbclient.js"></script>

Answer 1

没有 CSS 文件作为 jQuery Validate 的一部分。这个插件简单地切换两个 class 名称，它们一直是 .valid 和 .error。

---

问题的根源就在这里...

<link href="http://jquery.bassistance.de/validate/demo/css/screen.css" rel="stylesheet">

那不是 CDN 链接，也不是插件的 CSS 文件部分。这是专门用于在线演示页面的 CSS 文件。

因为that URL，你的一切都崩溃了不再指向 CSS 文件。但是，您一开始就不应该热链接到另一个网站的 CSS 文件。 (如果它不是来自 CDN 的 URL，它可能被视为窃取其他网站的带宽。)

如果您喜欢该在线演示页面的外观，您可以轻松检查其 CSS 属性并将其复制到您自己的 CSS 文件中，前提是版权许可允许这样做。

您可能需要仔细检查文件的其余部分，包括 URL，以确保它们都是官方 CDN 的一部分，而不仅仅是托管在这些开发人员的网站上。