私はこのチュートリアルを使用しました:http: //yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
yensdesignのタブ付きメニューです。このタブをクリックした後、特定のタブのコンテンツをロードするためにコードを変更する必要がある方法をsbに教えてもらえますか?
私はこのチュートリアルを使用しました:http: //yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
yensdesignのタブ付きメニューです。このタブをクリックした後、特定のタブのコンテンツをロードするためにコードを変更する必要がある方法をsbに教えてもらえますか?
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');
(とにかくそのようなもの)