关于asp.net页面中jquery插件的问题

时间:2011-06-15 17:02:04

标签: jquery

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

任何人都可以帮助我吗? 提前致谢

Example of the collapsed tabs

Example of the collapsed image slider

1 个答案:

答案 0 :(得分: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>