jquery - 页面加载后 jQuery 选项卡隐藏

Question

我在www.quickerbook.imobisoft.eu上使用 jQuery 选项卡控件。在右上角的“我的帐户”下，您可以看到选项卡出现一段时间并隐藏，直到页面完全加载。我尝试了很多帖子/论坛来解决这个问题，但由于 jQuery 的初学者水平，我无法解决这个问题。

请指导我如何隐藏标签？它应该在用户单击“我的帐户”选项卡时出现。

score 1 · Accepted Answer

'flash of unstyled content' 是因为页面显示之前 javascript 有 javascript 在页面中运行。

我喜欢采用modernizr 方法，将类名添加到根html 元素，然后使用css 隐藏基于js 启用的元素。

所以，在你的<head>

<script>document.getElementsByTagName("html")[0].className = 'js'</script>

然后添加此样式以隐藏选项卡：

.js #hidden1{display:none}

score 0 · Accepted Answer

在页面来源Line: 63（chrome 浏览器）。您在使用页面加载后隐藏选项卡.hide()，

$('#hidden1,#hidden2,#hidden3').hide().click(function(e) {
        e.stopPropagation();    ^^^^
});

改成，

$('#hidden1,#hidden2,#hidden3').click(function(e) {
        e.stopPropagation();
    });

2 回答 2