Firefox SSL 和 JQuery 用户界面答案

【问题标题】：Firefox SSL and JQuery UIFirefox SSL 和 JQuery 用户界面
【发布时间】：2010-11-15 15:28:57
【问题描述】：

如果我合并 JQUERY UI 对话框，我遇到了一个奇怪的问题，即我的页面的 SSL 在 Firefox 中中断。

在 IE 中运行良好。 8 和 Chrome。

我阅读了CSS base64 image encoding breaking the SSL 引入的一个问题，但我尝试完全删除样式表，但问题仍然存在。

有人遇到过这种情况吗？如果没有，您能否提出一个在追查原因方面取得进展的好方法？我目前正在删除代码并重试，但速度非常慢（如果它是静态元素则更容易）。

破坏 SSL 的调用是...

<script type="text/javascript" charset="utf-8">

jQuery(document).ready(function() {

    $( "#dialog" ).dialog();

});

</script>

因此，一旦对话框 ID 被撕掉并移到文档末尾，就会出现问题。

【问题讨论】：

【解决方案1】：

我认为这里发生的情况是 jquery-ui-1.8.2.custom.css 文件正在引用重定向到非 SSL 404 页面的图像。

【讨论】：

【解决方案2】：

我知道，如果您从非 https 位置提供任何 JavaScript 文件，您会收到“混合内容警告”。尝试使用绝对路径来查看是否是问题所在。如果是，您可以 a) 坚持使用绝对路径或 b) 使用 relative paths。

【讨论】：

【解决方案3】：

我遇到了类似的问题，我在 IE8+ 中找到了“非安全项目”警报的解决方法。如果您使用 jQuery 使用 wrap() 或 append() 函数创建动态内容，并且该内容包含带有图像相对路径的 CSS 或任何其他外部元素，则会出现警报。

示例：

$('#mynode').wrap('<div style="background:url(/path/to/image.gif);"></div>');

即使图像是在同一个 HTTPS 安全连接上下载的，这也会显示安全警报。

如何解决：

.myclass {background:url(/path/to/image.gif);}

$('#mynode').wrap('

');