1

jquery BA BBQを少し変更したいと思います。いくつかのアニメーションを追加したい。

show() および hide() 関数を次のようなアニメーションに置き換えようとしています: 

$( '.bbq-content' ).animate({ height: "100%" },1000);

しかし、正しく動作しません。

元の jQuery のコードをどこに置き換えるかわかりません:

    $(関数(){

    // キャッシュの目的で、url からコンテナーへのマッピングを保持します。
    変数キャッシュ = {
    // url が '' (フラグメントなし) の場合、この div のコンテンツを表示します。
    '': $('.bbq-default')
     };

     // イベントを window.onhashchange にバインドします。これは、履歴の状態が変化したときに、
     // ハッシュから URL を取得し、キャッシュされたコンテンツまたはフェッチのいずれかを表示します
     // 表示される新しいコンテンツ。
    $(window).bind( 'hashchange', function(e) {

    // 先頭の # を削除して、ハッシュ (フラグメント) を文字列として取得します。ご了承ください
    // jQuery 1.4 では、$.param.fragment() の代わりに e.fragment を使用する必要があります。
    var url = $.param.fragment();

    // 以前の「現在の」リンクから .bbq-current クラスを削除します。
    $( 'a.bbq-current' ).removeClass( 'bbq-current' );

    // 可視の ajax コンテンツを非表示にします。
    $( '.bbq-content' ).children( ':visible' ).hide();

    // URL が空でない場合にのみ、.bbq-current クラスを「現在の」ナビゲーション リンクに追加します。
    url && $( 'a[href="#' + url + '"]' ).addClass( 'bbq-current' );

    if (キャッシュ[ URL ] ) {
      // 要素は既にキャッシュにあるため、キャッシュする必要はありません
      // 作成されたので、もう一度作成する代わりに、表示してみましょう!
      キャッシュ[ URL ].show();

    } そうしないと {
      // AJAX コンテンツの読み込み中に「読み込み中」のコンテンツを表示します。
      $( '.bbq-loading' ).show();

      // この URL のコンテンツのコンテナを作成し、それへの参照を格納します
      // キャッシュ。
      キャッシュ[ URL ] = $( '' )

        // コンテンツ コンテナを親コンテナに追加します。
        .appendTo( '.bbq-コンテンツ' )

        // AJAX 経由で外部コンテンツを読み込みます。これを維持するために注意してください
        // 簡素化された例。.infobox のコンテンツのみが表示されます。あなたは
        // 必要に応じてこれを変更します。
        .load( URL, 関数(){
          // コンテンツがロードされ、「ロード中」のコンテンツを非表示にします。
          $( '.bbq-loading' ).hide();
        });
    }
     }))

     // イベントはハッシュが変更されたときにのみトリガーされるため、トリガーする必要があります
     // 現在のイベント。ページがロードされた可能性のあるハッシュを処理します。
     $(window).trigger( 'hashchange' );

     });`

英語でごめんなさい、私はフランス人です。

4

0 に答える 0