IE6中的jQuery按钮显示

Question

我们有一些 HTML 按钮，我们使用 JQuery 对其进行格式化 - $('#button').button()。

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

如何避免显示默认 HTML 按钮而只显示 JQuery 格式版本？

Answer 1

将其放在默认情况下隐藏的 div 中 CSS: #hiddenDiv {display: none;} ，然后在使用 jQuery 在按钮上执行所有样式后取消隐藏 div $('#hiddenDiv').show()

编辑:要允许在禁用 JavaScript 时显示按钮:

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

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