Используя постепенное появление и добавляют

Я загружаю данные JSON в свою страницу и использование appendTo() но я пытаюсь постепенно появиться свои результаты, какие-либо идеи?

$("#posts").fadeIn();
$(content).appendTo("#posts");

Я видел, что существует различие между append и appendTo, на документах.

Я попробовал это также:

$("#posts").append(content).fadeIn();

Я получил его, вышеупомянутое добилось цели!

Но я добираюсь "undefined" как одно из моих значений JSON.

74
задан Priyanga 18 October 2019 в 11:21
поделиться

3 ответа

При сокрытии содержания, прежде чем Вы добавите его и объедините в цепочку метод постепенного появления, к которому, необходимо получить эффект, который Вы ищете.

// Create the DOM elements
$(content)
// Sets the style of the elements to "display:none"
    .hide()
// Appends the hidden elements to the "posts" element
    .appendTo('#posts')
// Fades the new content into view
    .fadeIn();
169
ответ дан Kevin Gorski 24 November 2019 в 11:51
поделиться

Я не знаю, понимаю ли я полностью проблему, Вы имеете, но что-то вроде этого должно работать:

HTML:

<div id="posts">
  <span id="post1">Something here</span>
</div>

JavaScript:

var counter=0;

$.get("http://www.something/dir",
    function(data){
        $('#posts').append('<span style="display:none" id="post' + counter + ">" + data + "</span>" ) ;
        $('#post' + counter).fadeIn();
        counter += 1;
    });

В основном Вы обертываете каждую часть содержания (каждое "сообщение") в промежутке, устанавливая, который дисплей промежутка ни к одному так это не разоблачает, и затем постепенное появление его.

7
ответ дан Ali Ben Messaoud 24 November 2019 в 11:51
поделиться

Необходимо знать, что код не выполняется линейно. Анимированный материал, как могут ожидать, не остановит выполнение кода, чтобы сделать анимацию и затем возвратиться.


   commmand(); 
   animation(); 
   command();  

Это вызвано тем, что тайм-аут набора использования анимации и другое подобное волшебство сделать его задание и settimeout не блокируются.

Поэтому у нас есть методы обратного вызова для анимаций для выполнения, когда анимация сделана (чтобы не изменять что-то, что еще не существует)

   command(); 
   animation( ... function(){ 
      command(); 
   });
3
ответ дан Kent Fredric 24 November 2019 в 11:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: