页面性能:jquery+;冲突问题

页面性能:jquery+;冲突问题,jquery,prototypejs,Jquery,Prototypejs,我正在组装一个使用两个jquery插件和一个AJAX向下滑动选项卡的应用程序。 我遇到的问题是,我认为在同时实施这两种方法时,我遵循的是一种不好的做法。 我对页面加载有一种奇怪的影响,即标签在最初几秒钟左右显示。 如果有人能帮我解决这个问题,我将不胜感激 看起来默认css的选项卡是可见的,JS代码的初始化是隐藏选项卡的原因。您看到的是JS启动之前页面的正常状态。css应该将它们默认为“隐藏”或“关闭”状态,JS应该负责在适当的时候显示选项卡。看起来默认css的选项卡是可见的,JS代码的初始化是隐

我正在组装一个使用两个jquery插件和一个AJAX向下滑动选项卡的应用程序。
我遇到的问题是,我认为在同时实施这两种方法时,我遵循的是一种不好的做法。
我对页面加载有一种奇怪的影响,即标签在最初几秒钟左右显示。

如果有人能帮我解决这个问题,我将不胜感激

看起来默认css的选项卡是可见的,JS代码的初始化是隐藏选项卡的原因。您看到的是JS启动之前页面的正常状态。css应该将它们默认为“隐藏”或“关闭”状态,JS应该负责在适当的时候显示选项卡。

看起来默认css的选项卡是可见的,JS代码的初始化是隐藏选项卡的原因。您看到的是JS启动之前页面的正常状态。您的css应该将它们默认为“隐藏”或“关闭”状态,JS应该负责在适当的时候显示选项卡。

要添加到@DontPlastic的答案中,您应该使用
位置:绝对
顶部:-224px
z-index
的属性初始化css中的选项卡面板(您可能没有定义
display:block
,因为这是div的自然显示类型


这不仅会在看不见的地方初始化面板(无论js是否已加载),还允许您只需
.animate()
divs的
top
属性,而不必每次运行该方法时都设置
位置
z-index
,和
显示

要添加到@dontGoPlastic的答案中,您应该使用
位置:绝对
top:-224px
,一个d
z-index
(您可能没有来定义
display:block
,因为这是div的自然显示类型

这不仅会在视线之外初始化面板(无论js是否已加载),而且还允许您在每次运行该方法时只设置divs的
.animate()
top
属性,而不必设置
位置
z-index
,以及
显示