Как мне исчезнуть в моей таблице после загрузки ее содержимого? - PullRequest
Новая
       5

Как мне исчезнуть в моей таблице после загрузки ее содержимого?

1 голос
/ 12 ноября 2010 
    $('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 из элементов в моей базе данных.

Но вместо того, чтобы просто отобразить его на странице, как я могу его добавить или сделать какой-то другой приятный эффект на столе, а не просто отобразить его?

Ответы [ 2 ]

3 голосов
/ 12 ноября 2010

Для этого в 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");
}

Подробнее о параметрах .fadeIn (), упрощениях и обратных вызовах из API jQuery можно прочитать .

.
0 голосов
/ 12 ноября 2010

Вы можете сделать это: 

$('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)

...