Я загружаю данные JSON в свою страницу и использование appendTo()
но я пытаюсь постепенно появиться свои результаты, какие-либо идеи?
$("#posts").fadeIn();
$(content).appendTo("#posts");
Я видел, что существует различие между append
и appendTo
, на документах.
Я попробовал это также:
$("#posts").append(content).fadeIn();
Я получил его, вышеупомянутое добилось цели!
Но я добираюсь "undefined"
как одно из моих значений JSON.
При сокрытии содержания, прежде чем Вы добавите его и объедините в цепочку метод постепенного появления, к которому, необходимо получить эффект, который Вы ищете.
// 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();
Я не знаю, понимаю ли я полностью проблему, Вы имеете, но что-то вроде этого должно работать:
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;
});
В основном Вы обертываете каждую часть содержания (каждое "сообщение") в промежутке, устанавливая, который дисплей промежутка ни к одному так это не разоблачает, и затем постепенное появление его.
Необходимо знать, что код не выполняется линейно. Анимированный материал, как могут ожидать, не остановит выполнение кода, чтобы сделать анимацию и затем возвратиться.
commmand();
animation();
command();
Это вызвано тем, что тайм-аут набора использования анимации и другое подобное волшебство сделать его задание и settimeout не блокируются.
Поэтому у нас есть методы обратного вызова для анимаций для выполнения, когда анимация сделана (чтобы не изменять что-то, что еще не существует)
command(); animation( ... function(){ command(); });