【问题标题】:CSS jQuery tabs - disable or hide all but 'today' on page loadCSS jQuery 选项卡 - 在页面加载时禁用或隐藏除“今天”之外的所有内容
【发布时间】:2011-09-19 04:29:28
【问题描述】:

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

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

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

我将不胜感激。

谢谢。

【问题讨论】:

    标签: jquery css tabs


    【解决方案1】:

    在标签点击时通过 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,但我没有机会检查它。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-04-05
      • 1970-01-01
      • 2017-05-03
      • 1970-01-01
      • 2021-11-21
      • 2010-11-22
      • 1970-01-01
      相关资源
      最近更新 更多