我有一个包含很多 jQuery 元素(大型 jquery 文件)的页面,问题在于替换标准 HTML 元素(复选框、单选按钮和选择框/下拉列表)的样式元素在页面加载时显示标准外观几毫秒。
有什么办法可以让这些元素的交换显示得更快吗?
元素脚本使用 ready() 并放置在 head 中。最佳解决方案是如果更改的元素直接加载而不是标准元素(但我想这不起作用)。
我用来设置元素样式的插件是:
感谢您的回答。
我有一个包含很多 jQuery 元素(大型 jquery 文件)的页面,问题在于替换标准 HTML 元素(复选框、单选按钮和选择框/下拉列表)的样式元素在页面加载时显示标准外观几毫秒。
有什么办法可以让这些元素的交换显示得更快吗?
元素脚本使用 ready() 并放置在 head 中。最佳解决方案是如果更改的元素直接加载而不是标准元素(但我想这不起作用)。
我用来设置元素样式的插件是:
感谢您的回答。
您可以display: none
在页面加载时将标准元素设置为样式,并且只有show()
在设置样式后才使用 JQuery。
旁注:不再支持jqTransform作为插件。
在页面加载时显示几毫秒的标准外观
您可以通过隐藏整个页面(通过display:none
)来防止这种情况发生,直到元素被插件设置样式:
<head>
…
<style …>
<script src="plugins…" …>
<script>
(function() {
var hide = $('<style type="text/css">body { display: none; }</style>');
$("head").append(hide);
$(document).ready(function(){
…
// apply your plugins
…
hide.remove();
});
})();
</head>