5

<li>経由でページにいくつかの要素をロードし、.ajax()それらを互いに積み重ねています。その後、ユーザーは次のことができます

問題は最後のオプションで発生します。アイテムを展開すると、要素はグリッド内の指定された位置に移動し、元の位置に少しの間点滅します。

ここでビデオを参照してください:ビデオ(Quicktime .mov)
ここでライブ デモを参照してください:ライブ デモ

問題は、アイテムを広げるたびに発生するのではなく、約 50% の確率で発生します。たとえば、上のビデオでは、2 回目と最後に [スプレッド] をクリックしたときにのみ発生します。バグが発生する正確な原因を特定できませんでした。この問題は、Mac 上の Chrome 29.0.1547.57 で発生します。Firefox 22 および Safari 6.0.5 は影響を受けません。他のブラウザはまだ試していません。

スプレッド リンクがクリックされると、次のように .masonry() が呼び出されます。

    $('.content').masonry({
        columnWidth: 180,
        gutter: 20,
        itemSelector: 'li',
        isResizeBound: false,
        isLayoutInstant: false
    });

これを解決する方法についてのヒントに感謝します。

更新:プラグインのサイト自体など、jquery.masonry を使用する他のサイトでも問題が発生することに気付きました。ここでビデオを参照してください:ビデオ. 他の人も同じ問題を抱えていますか、それとも私のセットアップ (OS X 10.7.5、Chrome 29.0.1547.57) ですか?

4

2 に答える 2

3

同じ問題がありました。grid-itemのスタイルのCSS トランジションが原因でした。特定の DOM 要素の CSS3 トランジションを削除すると、問題が解決しました。

于 2016-01-09T13:35:14.423 に答える
0

同じ問題を探しているときにこれを見つけました。それが私のモニターなのかケーブルなのか疑問に思い始めていました。

Windows 8 と Chrome バージョン 30.0.1599.101 m を使用しています

于 2013-10-17T01:01:30.783 に答える