jQuery EasyTabs：所有内容均在加载时显示

Question

我正在使用jQuery EasyTabs插件。我有一个带有两个选项卡的网页，效果很好。但是，当加载包含选项卡代码的页面时，一会儿，两个选项卡的面板内容（而不是选项卡本身）都可见。只是片刻，然后隐藏了第二个选项卡的面板内容，一切正常进行。超级烦人。

我使用jQuery或DOM调用隐藏或延迟显示这些内容的任何尝试均未成功。这是我拨打的电话，其代码加载在标签和面板HTML的正上方。

$(document).ready( function() {
  $('#tab-container').easytabs();
  });

任何建议都会很棒。谢谢。

Answer 1

我的建议是作为一种变通办法，但实际上无法看到问题，它是首先使用CSS隐藏有问题的元素，然后在调用easytabs()之后显示它们。问题可能是因为元素加载和jQuery调用之间存在微小的延迟。

那么#tab-container { display: hidden };然后：

$(document).ready( function() {
  $('#tab-container').easytabs();
  $('#tab-container').show();
});