CSS jQuery选项卡 - 在页面加载时禁用或隐藏除“今天”之外的所有选项卡

时间:2011-09-18 20:18:51

标签: jquery css tabs

我有一些标签可以正常工作,并在与今天相对应的标签上打开 - 按星期几。我想在7天的div中放置动态内容,但只想在页面加载时加载今天的div而不是所有7个div,因为它会减慢页面的速度。其他6个div的内容只应在单击选项卡时加载。

http://www.hostelcities.com/dev/tabbed_layout/jquerytabs/jquerytab0.1.php

我认为我需要禁用6个非活动div,直到点击为止。

我很感激一些帮助。

谢谢。

1 个答案:

答案 0 :(得分:0)

通过选项卡上的ajax请求更新div的内容:

$('.tabnavigation li a').click(function() {
  var id = $(this).attr('href').substring(1);
  $.get('ajax/test.html', { day = id },  function(data) {
   $('#' + id).html(data);
  });
});

像这样的东西。我已经使用了你页面中id的元素,但我没有机会检查它。