0

jQuery Roundaboutを含む新しいプロジェクトに取り組んでいます。私はほとんどすべてを自分の思い通りにスタイルしました (さまざまな境界線とパディングを追加しますが、それは問題ではありません) が、ターゲット市場はページのサイズを頻繁に変更します (聞かないでください、理由はよくわかりません)。また）。

私のプロジェクトサイトに行くとき、それは私の問題に私をもたらします: http : //cirkut.net/sub/proven/landing/ -ラウンドアバウトを中央に配置します。サイズを変更する場合、項目の 1 つをクリックすると、「再描画」されて再び中央に配置されます。

これは私のラウンドアバウト コールです。

$('#slides').roundabout({
    easing: 'easeInOutQuart',
    responsive: true
});

そして、これは私が問題を回避しようとしたものです:

$(window).bind("resize", function() {
    $('#slides').roundabout("relayoutChildren");
});

ただし、何が起こるかというと、新しい を中継して<li>それらを再迂回することで、画像が縮小されます。

誰でもこれについて洞察を提供できますか? ありがとう！

4

3 に答える 3

0

複数のオプションをいじった後、機能するオプションを見つけました。

"resize"上記のバインドの代わりに、以下を使用すると、非常にリフレッシュされます。

$(window).bind("resize", function() {
    $('#slides .slide').removeAttr("style");
    $('#slides').roundabout({
        easing: 'easeInOutQuart',
        responsive: true
    });
});

インラインCSSがそれを配置するものであることがわかりました。再ラウンドアバウトすると、現在のサイズに基づいてサイズが変更され、サイズ変更時に無限の「サイズ変更」ループが発生します。したがって、インライン スタイルを削除してすぐに#slidesラウンドアバウトに戻すと、正しく配置され、インライン スタイルが再度追加されます。

于 2012-05-16T19:22:43.123 に答える