1

fadeInユーザーがクリックした後、テーブルの行を展開するために使用しています。ChromeやIEでもすべて正しく機能しますが、Firefox15.0.1では機能しません。FFでは、展開された行がフェードインした後、背景が1回点滅します。

これが私のコードです：

$('.patients-items-item').click(function() {
    var item = $(this).next('.toggle-item');

    if (item.is(":visible")) {
        item.hide();
    } else {
        item.fadeIn();
    }
});

HTML：

<table class="patients-table">
    <tbody class="patients-items">
        <tr class="patients-items-item">
            <td>
                <span class="button collapsed"></span>
            </td>
            <td>
                Text
            </td>
            <td >
                Text2
            </td>
        </tr>
        <tr class="toggle-item">
            <td colspan="3" class="patients-studies-empty">
                Text3
            </td>
        </tr>
    </tbody>
</table>

フィドルを見てください。

調査中に、そのような動作はテーブルにのみ存在することがわかりました。コードで同じことを行うとdivs、すべてのブラウザで正しく機能します。

どんな提案も役に立ちます。

4

2 に答える 2

2

jQueryでは、toggle（）関数を使用して、必要な動作を取得できます。

ここの例を参照してください：

http://jsfiddle.net/83tNC/

$('.patients-items-item').on('click', function() {

    $(this).next('.toggle-item').toggle('fade');

});​
于 2012-10-11T15:11:13.307 に答える
0

やってみませんか

item.stop().fadeIn();

また、切り替えている場合は、次を使用してみませんか。

item.stop().fadeToggle("slow", "linear");
于 2012-10-11T15:10:06.583 に答える