jQuery с добавлением эффектов

Как я могу использовать .append() с эффектами, такими как show('slow')

Эффект на append не работает вообще, и он дает тот же результат, что и обычный show() . Нет переходов, нет анимаций.

Как я могу добавить один div к другому и иметь slideDown или show('slow') на нем?

    Влияние на append не будет работать, потому что содержимое, отображаемое браузером, обновляется, как только добавляется div. Итак, чтобы совместить ответы Марка Б и Стирпайка:

    Создайте div, который вы добавляете, как скрытый, прежде чем вы его добавите. Вы можете сделать это с помощью встроенного или внешнего скрипта CSS или просто создать div как

      

    Затем вы можете связать эффекты с вашим добавлением ( demo ):

     $('#new_div').appendTo('#original_div').show('slow'); 

    Или ( демо ):

     var $new = $('#new_div'); $('#original_div').append($new); $new.show('slow'); 

    Суть в том, что:

    1. Вы вызываете «append» на родительском
    2. но вы хотите вызвать «show» для нового ребенка

    Это работает для меня:

     var new_item = $('

    hello

    ').hide(); parent.append(new_item); new_item.show('normal');

    или:

     $('

    hello

    ').hide().appendTo(parent).show('normal');

    Другой способ работы с входящими данными (например, от вызова ajax):

     var new_div = $(data).hide(); $('#old_div').append(new_div); new_div.slideDown(); 

    Что-то вроде:

     $('#test').append('
    Hello
    ').hide().show('slow');

    должен это сделать?

    Измените: извините, ошибка в коде и принял предложение Мэтта на борту тоже.

    Когда вы присоединитесь к div, скройте его и покажите его с аргументом "slow" .

     $("#img_container").append(first_div).hide().show('slow'); 

    Установите добавленный div, который будет скрыт изначально с помощью css visibility:hidden .

    Я нуждался в подобном решении, хотел добавить данные на стене, например, в facebook, при публикации, использовать prepend() чтобы добавить последнее сообщение сверху, подумал, может быть, полезно для других.

     $("#statusupdate").submit( function () { $.post( 'ajax.php', $(this).serialize(), function(data){ $("#box").prepend($(data).fadeIn('slow')); $("#status").val(''); } ); event.preventDefault(); }); 

    код в ajax.php

     if (isset($_POST)) { $feed = $_POST['feed']; echo ""; } 

    Почему бы вам просто не скрыть, добавить, а затем показать, вот так:

     

    Если вы используете анимацию, можно показать ее гладко. В стиле просто добавьте «animation: show 1s», и весь внешний вид опишите в ключевых кадрах.

    В моем случае:

     $("div.which-stores-content").append("
    Content
    ); $("div.content").hide().show("fast");

    вы можете настроить свой css с видимостью: скрытый -> видимость: видимый и настроить переход и т. д. переход: видимость 1.0s;

    Давайте будем гением компьютера.