Влияние на добавление не будет работать, потому что содержимое, отображаемое в браузере, обновляется сразу после добавления div. Итак, чтобы объединить ответы Марка Б и Стирпайка:
Создайте div, который вы добавляете как скрытый, прежде чем вы добавите его. Вы можете сделать это с помощью встроенного или внешнего скрипта CSS, или просто создать div как
<div id="new_div" style="display: none;"> ... </div>
Затем вы можете связать эффекты для своего приложения ( демо ):
$('#new_div').appendTo('#original_div').show('slow');
Или ( демо ):
var $new = $('#new_div');
$('#original_div').append($new);
$new.show('slow');
.append()
, даже не берет строку селектора. Идея все еще верна. Спасибо, обновлено.Суть такова:
Это работает для меня:
или:
источник
'normal'
не правильная строка для скорости. оставьте это поле пустым для перехода (сразу появляется). используйте строку для 200'fast'
мс или'slow'
для 600 мс. или введите любое число, например$("element").show(747)
(= 747 мс), чтобы определить собственную скорость. посмотрите документы и посмотрите анимацию / продолжительность.element.slideUp("slow", function(){ element.appendTo(parent).hide(); element.slideDown(); });
Другой способ при работе с входящими данными (например, при вызове ajax):
источник
Что-то вроде:
должен это сделать?
Изменить: извините, ошибка в коде и принял предложение Мэтта на борту тоже.
источник
$('#divid').append('#newdiv').hide().show('slow')
.Когда вы добавляете в div, скройте его и покажите с аргументом
"slow"
.источник
Установите добавленный div, чтобы он был изначально скрыт через css
visibility:hidden
.источник
Мне нужно было решение подобного рода, я хотел добавить данные на стене, такие как Facebook, когда они будут опубликованы, используйте
prepend()
для добавления последних сообщений сверху, думал, что это может быть полезно для других ..код в ajax.php
источник
Почему бы вам просто не спрятаться, не добавить, не показать, как это:
источник
Можно показать сглаживание, если вы используете анимацию. В стиле просто добавьте «animation: show 1s», и весь внешний вид описывается в ключевых кадрах.
источник
В моем случае:
Вы можете настроить свой CSS с видимостью: скрытый -> видимость: видимый и настроить переходы и т. д. переход: видимость 1,0 с;
источник