Question

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

是yensdesign标签菜单。可以告诉我如何在单击此选项卡后更改代码以加载特定选项卡的内容？

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');

（无论如何都是这样的）

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

1 个答案: