загрузка содержимого после щелчка yensdesign с вкладками меню

Question

Я использовал этот урок: http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/

это меню с вкладками yensdesign. Может ли sb сказать мне, как мне изменить код для загрузки содержимого конкретной вкладки после нажатия на эту вкладку?

Answer 1

Работая с js , вы хотите изменить каждый случай на что-то вроде:

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

Существует множество вариантов - возможно, вы захотите сделать вкладку активной перед загрузкой содержимого и сразу же дать пользователю обратную связь, если ваш сервер ответит за несколько секунд.

Кроме того, содержимое addClass / removeClass в файле tabs.js не слишком хорошо масштабируется. Было бы лучше выбрать все элементы div, а затем отфильтровать те, которые вам не интересны, например ::10000

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

(что-то подобное в любом случае)