2011-06-15 16 views
0

我有一个网页,其中包含初始化代码放在document.ready事件中的jquery插件。我的问题是,当页面加载插件需要时间来应用,例如在页面的顶部我使用一个插件的标签和页面的主体有一个图像滑块插件,也是一个插件,截断文本在某些段落中,当我请求页面并在浏览器中显示时,会发生什么情况,插件似乎不受限于元素,例如所有标签容器都折叠在彼此之下以及应该是水平滑动它们都是彼此顶部,并且应该被截断的文本不是,并且一旦页面完全加载完所有插件生效,我可以看到所有标签容器跳起来正确显示,并且文字突然被截断。客户抱怨这种页面元素被折叠然后组装的行为,它看起来非常难看。我不知道如何解决这个问题。关于jQuery插件在asp.net页面的问题

任何人都可以帮助我吗? 在此先感谢

Example of the collapsed tabs

Example of the collapsed image slider

+0

这是同类产品中文档准备好了;)当文档准备就绪时,它会设置插件! 您可以尝试加载主文档后加载内容ajaxly。 有没有我们可以看的样品? – Patricia 2011-06-15 17:30:05

+0

我添加了打印屏幕 – Yasmine 2011-06-20 12:18:51

+0

我觉得我在这个窗口偷窥:O – 2011-06-20 12:40:34

回答

1

可以将ui-tabs-hide类分配给你的标签内容,以防止FOUC (Flash Of Unstyled Content)

添加必要的类来隐藏 活动标签面板的HTML权 远 - 注意,这不会与JavaScript作为 禁用降级 优雅:

<div id="example" class="ui-tabs"> 
    ... 
    <div id="a-tab-panel" class="ui-tabs-hide"> </div> 
    ... 
</div> 
+0

感谢它的工作 – Yasmine 2011-06-20 21:31:10

+1

对不起,我忘了接受你的答案,当问题消失时,我被喜悦所淹没:) – Yasmine 2011-06-21 08:59:39