Question

    $('a.loadTable').live('click', function(event)
    {
            $('#myTable').html("");

            // loop over elements to load table:

            $('#myTable').append("<tr><td>" + item.id + "</td><td>" + item.name +"</td></tr>");

我的jQuery函数 - 大概就是你上面看到的 - 使用我的数据库中的元素使用JSON加载一个充满元素的表。

但是，不仅仅是让它出现在页面上，我怎么能淡化它或者在桌子上做一些其他好的效果而不仅仅是显示它？

Answer 1

jQuery中只有一个.fadeIn（）函数。

$('a.loadTable').live('click', function(event) {
    $('#myTable').html("");
    $('#myTable').hide();

    // loop over elements to load table:

    $('#myTable').append("<tr><td>" + item.id + "</td><td>" + item.name +"</td></tr>");

    $('#myTable').fadein("slow");
}

您可以从jQuery API documentation了解有关.fadeIn（）的参数，缓和和回调的更多信息。

Answer 2

你可以这样做：

$('a.loadTable').live('click', function(event) {
                    $('#myTable').html("");
                    $('#myTable').append("<tr><td>" + item.id + "</td><td>" + item.name +"</td></tr>").fadeIn(750);

确保您的商品有display: none（和/或Opacity 0.0）

加载内容后如何淡入我的桌子？

2 个答案: