0

私はこのチュートリアルを使用しました:http: //yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/

yensdesignのタブ付きメニューです。このタブをクリックした後、特定のタブのコンテンツをロードするためにコードを変更する必要がある方法をsbに教えてもらえますか?

4

1 に答える 1

0

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

(とにかくそのようなもの)

于 2009-08-28T09:08:48.593 に答える