在点击之前，我使用什么JS来为每个标签预加载面板内容？

Question

现在我有一些AJAX选项卡在单击选项卡时将外部页面加载到空div中，它会创建一个不稳定的移动，因为div为空，然后在选项卡中快速加载内容。你们知道一种预加载页面的方法吗？当有人点击标签时，他们已经准备好了吗？

这就是我现在所拥有的，所以你可以看到我的意思..

http://testing.morecleanenergy.com/step_1

我目前正在加载JS ..

<script>
 $(document).ready(function(){
  $('#ajax-tab-container').easytabs();
});
</script>

Answer 1

尝试这样的事情：

$(document).ready(function(){
  $('#ajax-tab-container').easytabs();
  $("#tabs2").load('/tab2.html');
  $("#tabs3").load('/tab3.html');
  $("#tabs4").load('/tab4.html');
});

如果你使用#tabs的类，你可以在这里为每个人做一个，但是如果你上面只有4个标签，那么很好。