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

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 ..
  });

这方面有很多变化 - 也许您希望在加载内容之前激活选项卡给用户立即反馈，以防您的服务器需要几秒钟来响应。

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

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

（反正是这样的）