页面加载缓慢/结构显示,下拉不在IE中工作

时间:2012-10-26 19:41:10

标签: jquery drop-down-menu

关于我正在处理的网站的两个问题......

我的网站:http://thendesign.com/new/type.html(我没有加载任何内容所以我知道我的一些图片链接不存在)

  1. 刷新页面时,我的代码结构在加载页面之前会闪烁。我已经尝试将所有的.css和.js文件组合在一起,所以它只拉一个文件,但它没有任何帮助。还有什么我可以做的吗?

  2. 我喜欢我已经完成的css下拉列表,但它在Internet Explorer中根本不起作用。我是否需要完全抛弃这个概念并使用jQuery做些什么?我尝试过的jQuery与索引页面上的accordion图像滑块冲突(单击左上角的徽标进入索引页面)。

  3. 关于良好的jQuery下拉列表的建议或我需要做什么才能让我的下拉列表在IE中工作(我知道透明背景是一个问题 - 我可以做到这样它是透明的,但接受但在IE中可靠? )

    提前感谢您的协助!!

1 个答案:

答案 0 :(得分:0)

blip的原因是,在ul2finder将“domenabled”类添加到正文之前,您不会隐藏所有这些元素。由于这是在window.onload处理程序中完成的,因此在第一次呈现页面之前不会发生这种情况。而不是在那里进行,将检查放在type.html正文中的内联JavaScript中。然后它会在渲染身体的其余部分之前生效。

更新:在<body>标记之后,添加:

<script type="text/javascript">
if(document.getElementById && document.createTextNode && document.getElementById('finder')) {
    // add the class domenabled to the body
    cssjs('add',document.body,'domenabled');
}
</script>

更新2:

这是不对的。 domenabled类不是导致隐藏事物的原因。 finder.js中有一个循环带有注释:

// loop through all lists inside finder, position and hide them 
// by applying the class hidden

这就是隐藏所有这些元素的原因。直到页面加载后才会运行。

我不知道你的CSS下拉菜单,但也许Modernizr可以在那里提供帮助。