0

これが私の目的です。次のことを行うプラグインを見つけるか、プラグインを作成する必要があります。

  • クリックすると、外部ファイルまたは非表示の div からコンテンツを読み込みます (フェードイン効果あり)
  • サイドバー ナビゲーションは、このコンテンツの読み込み (クリック時) に使用されるため、コンテンツを外部の div に読み込むことができる必要があります。
  • リンクされたコンテンツの URL を作成して、直接リンクできるようにします

要点を言えば、Chris Coyier のOrganic Tabsのすべての機能が必要です。2つのページがありますので、ご覧ください。1 つはオーガニック タブを使用し、もう 1 つは使用しません。2 ページ目のオーガニック タブを使用できなかった理由は、#tabs div 以外のコンテンツで機能させる方法を知らなかったからです。そのプラグインでそれが可能かもしれませんが、そうでないかもしれません。2 つのページへのリンクは次のとおりです。

  1. 有機的なタブのあるページ: http://ncfic.steadfastdesignfirm.com/events/event.php
  2. サイドバーの項目をクリックするとコンテンツをロードする ajax 機能を必要とする新しいページ: http://ncfic.steadfastdesignfirm.com/events-2/overview.php

明確にするために、私が参照した最初のページについては何の助けも必要ありません。これは、タブ構造の代わりにサイドバー ナビゲーションを使用して、2 番目のページでできることを説明するためのものです。

更新: コードを含む jsfiddle は次のとおりです: http://jsfiddle.net/taylortsantles/pC2SF/。

どんな助けでも大歓迎です。他にご不明な点がございましたら、お気軽にお問い合わせください。

ありがとう、テイラー

4

1 に答える 1

2

UI 部分を除外すると、jquery の実装は次のようになります。

$('#link').click(function(){
    $('#inner').fadeOut('slow',function(){
        $('#inner').html($('#hidden').html());
        $('#inner').fadeIn('slow');
    })            
})

JSFiddle の例へのリンク

于 2012-09-12T13:06:27.607 に答える