javascript - 很多 Jquery 和 check/radio/select 样式元素——无样式内容的 Flash

标签 javascript jquery

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

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

元素脚本使用 ready() 并放在 head 中。最佳解决方案是,如果更改后的元素直接加载标准元素(但我想那行不通)。

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

jqtransform

Selectyze

感谢您的回答。

最佳答案

shows the standard appearance for some millisecond at page load

您可以通过隐藏整个页面(通过 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>

关于javascript - 很多 Jquery 和 check/radio/select 样式元素——无样式内容的 Flash,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14423359/

相关文章:

javascript - 需要帮助修复我的 isotope.js [jquery 和 html 代码]

c# - 获得两个工具提示气泡,但只想要一个

javascript - 无法关闭弹出窗口

jquery - Kendo React UI DataTable Filter 与 JQuery Kendo UI 具有相同的行为

仅用于字母和数字的 Javascript 测试字符串

javascript - 谷歌地图标记上的 jquery ui 对话框

javascript - 如何更改 javascript 中 &lt;input&gt; 标签的文本值

javascript - 获取 anchor 标记内的文本

javascript - 将复选框链接到文本输入并更新其字段

javascript - jQuery - 为什么文本字段变空?