2

要素を「フリップ」できるjQueryプラグインをたくさん見つけました。SmashUp Labsのフリップ！プラグインは最も人気があり/便利なようです、そしてそれは私が現在使用しているものです。

一方、もちろん、2つの異なる既存divのを切り替えるための多くの解決策がここや他の場所にありますが、それらのどれもフリッピングに触れていません。

しかし、私が必要としているのは、両方のことが起こることです。私がFlipで見つけた問題！関数呼び出しの一部としてコンテンツが含まれているのに対し、実際にはフリップを使用して2つの異なる既存のを切り替えたいということですdiv。私はこれを使って多かれ少なかれ正しく見えるようになりましたiframeが、それから私はかなり不必要に使っています、iframeそして私はまたフリップの後にそのフレームがロードされるのを待たなければなりません、それは見栄えが悪いです。

反転したdivの両方の「側面」は大きすぎて複雑すぎて、関数呼び出しに合理的に挿入できません$('div').text()。また、すでに持っているdivのコピーを表示するのではなく、divのコピーを作成するため、このようなものを使用することはできません。

それで、フリッピングを行うライブラリを知っている人はいますが、フリッピングが終わった後に表示される要素を指定できますか？または、おそらくそのコールバック関数を使用して、Flip！でこの種のことをした人はいますか？

4

1 に答える 1

2

CSSの絶対位置を使用して、2つのdivをフリップボックスの上に配置して、divのコンテンツがフリップボックスの背景の上に表示され、ボックス内にあるように見せることができます。

たとえば、div1とdiv2を取得しました。デフォルトでは、ページが読み込まれると、div1が表示され、div2のスタイルはdisplay：noneになります。次に、Flipでコールバックを次のようにフックします。

$("#flipbox").flip({
    direction:'tb',
    onBefore: function(){
        $('#div1').hide();
    },
    onEnd: function(){
        $('#div2').show();
    }
});

div1とdiv2の両方の内容がフリップボックスの上にあるため、含まれているように見えました。

于 2012-07-26T17:29:44.943 に答える