1

我有一个包含很多 jQuery 元素(大型 jquery 文件)的页面,问题在于替换标准 HTML 元素(复选框、单选按钮和选择框/下拉列表)的样式元素在页面加载时显示标准外观几毫秒。

有什么办法可以让这些元素的交换显示得更快吗?

元素脚本使用 ready() 并放置在 head 中。最佳解决方案是如果更改的元素直接加载而不是标准元素(但我想这不起作用)。

我用来设置元素样式的插件是:

jqtransform

选择

感谢您的回答。

4

2 回答 2

2

您可以display: none在页面加载时将标准元素设置为样式,并且只有show()在设置样式后才使用 JQuery。

旁注:不再支持jqTransform作为插件。

于 2013-01-20T10:04:20.530 回答
2

在页面加载时显示几毫秒的标准外观

您可以通过隐藏整个页面(通过display:none)来防止这种情况发生,直到元素被插件设置样式:

<head>
    …
    <style …&gt;
    <script src="plugins…" …&gt;
    <script>
    (function() {
        var hide = $('<style type="text/css">body { display: none; }</style>');
        $("head").append(hide);

        $(document).ready(function(){
             …
             // apply your plugins
             …
             hide.remove();
        });
    })();
</head>
于 2013-01-20T10:05:58.750 回答