Question

我正在使用以下jquery来添加现有行，使其显示为具有滑动效果。它有效，除了下滑效果。可能导致这个问题的原因是什么？

$('#sales_slider .sales_slider_row:last').hide().prependTo('#sales_slider').slideDown();

我的意思是，它应该出现在顶部，就像洗牌一样，它只是没有起到效果。

Answer 1

虽然你的问题没有详细阐述，但请尝试以下方法：

HTML

<table class="table">
    <tbody id="sales_slider">
        <tr class="sales_slider_row">
            <td>test 1</td>
        </tr>
        <tr class="sales_slider_row">
            <td>test 2</td>
        </tr>
        <tr class="sales_slider_row">
            <td>test 3</td>
        </tr>
    </tbody>
</table>

使用Javascript：

$(document).ready(function() {
    setInterval(function(){
        $('#sales_slider .sales_slider_row:last').prependTo('#sales_slider').hide().fadeIn();
    },4000);
});

动画正常，你可以看到css：http://jsfiddle.net/1e4tbmvg/2/

将表格行前置下滑

1 个答案: