IE6中的jQuery按钮显示答案

【问题标题】：jQuery button display in IE6IE6中的jQuery按钮显示
【发布时间】：2011-04-16 13:23:17
【问题描述】：

我们有一些使用 JQuery 格式化的 HTML 按钮 - $('#button').button()。

效果很好，但是.. 当页面第一次在 IE6 中加载时，您会看到“未格式化”的常规 HTML 按钮，然后您会在一瞬间左右看到 JQuery 格式化启动。

你能做些什么来避免显示默认的 HTML 按钮而只显示 JQuery 格式的版本？

【问题讨论】：

【解决方案1】：

把它放在一个默认隐藏CSS: #hiddenDiv {display: none;}的div中，然后在使用jQuery对按钮执行所有样式设置后，取消隐藏div$('#hiddenDiv').show()

编辑： 允许在禁用 javascript 时显示按钮：

<noscript>
    <style>
        #hiddenDiv
            {
            display: block!important;
            }
    </style>
</noscript>

重要提示：这将使您的 HTML 无效，因为在 noscript 元素中不允许使用 style 标记，并且在 XHTML 中不允许在 head 元素中使用 noscript 标记。

【讨论】：

【解决方案2】：

试试这个。在你的 CSS 代码中，写

#button{
visibility: hidden
}

把这段代码放进去

<!--[if IE 6]>
<![endif]-->

在你的 $(document).ready 函数中，添加以下内容。

("#button").css("visibility","visible");

如果他们使用 IE6 并禁用 Javascript，那就去他妈的。 :P

【讨论】：

这是不可取的。如果禁用 javascript，用户将看不到按钮。
简单的解决方案，易于实施。是的，它确实会在 IE6 中关闭 JS 的情况下搞砸任何人，但坦率地说，这很难。老实说，如果最初的问题只是影响 IE6 并在页面加载后自行修复，我会保持原样。有用。好的，看起来不太漂亮，但您使用的是 IE6；你期待什么？？