单击 Yansdesign 选项卡式菜单后加载内容

Question

我用过这个教程： http://yensdesign.com/2008/12 /create-a-smooth-tabbed-menu-in-jquery/

它是 Yansdesign 选项卡式菜单。有人可以告诉我如何更改代码以在单击此选项卡后加载特定选项卡的内容吗？

Answer 1

使用 js 时，您希望将每种情况更改为以下内容：

case 'news':
  $('#news').load('/fetch-content?tab=news', function() {
    $("#news").addClass("active");
    $("#tutorials").removeClass("active");
    // .. etc ..
  });

有负载对此的变化 - 也许您希望在加载内容之前使选项卡处于活动状态，以便立即向用户提供反馈，以防您的服务器需要几秒钟的时间来响应。

此外，tabs.js 文件中的 addClass/removeClass 内容也不能很好地扩展。最好选择所有 div，然后过滤掉您不感兴趣的 div，例如：（

$('#tabs > div').filter(':not(#news)').removeClass('active');

无论如何）