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无效，因为style元素中不允许使用noscript标记，head中不允许使用XHTML noscript标记} element。

Answer 2

试一试。在CSS代码中，写下

#button{
visibility: hidden
}

将此代码放入

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

在$（document）.ready函数中，添加以下内容。

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

如果他们使用IE6并禁用Javascript，请将其拧紧。 ：P