页面加载后jQuery选项卡隐藏

时间:2012-10-23 10:44:02

标签: jquery tabs jquery-ui-tabs

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

请指导我如何隐藏标签?当用户点击“我的帐户”标签时,它会显示。

2 个答案:

答案 0 :(得分:1)

'无格式内容的闪现'是因为页面显示在javascript在页面中运行javascript之前。

我喜欢使用modernizr方法向root html元素添加类名,然后使用css隐藏基于启用j的元素。

所以,在你的<head>

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

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

.js #hidden1{display:none}

答案 1 :(得分:0)

在页面Line: 63上的来源(Chrome浏览器)。您在使用.hide()

加载页面后隐藏了标签页
$('#hidden1,#hidden2,#hidden3').hide().click(function(e) {
        e.stopPropagation();    ^^^^
});

将其更改为,

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