Блог

Итак, я вызываю записи с помощью jQuery, когда страница загружается следующим образом:

 $.ajax(
        {
            type: "POST",
            url: "<%= Url.Action("GetRecords", "Home") %>",
            data: sessioninfo,
            success: function(data){
                // data == the divs
              }
        });
  

data Возвращаемое значение может состоять из любого количества <div> элементов (0 или более).

У меня тоже есть <div id="container"> на моей странице. Я хочу поместить, сразу после вызова AJAX, 8 <div> элементов, которые возвращаются из вызова, в container , или столько, сколько их там есть, если меньше 8.

После этого каждые 5 секунд (я могу сделать это, установив интервал в Javascript) я хочу показывать следующий, div выдвигая из container самый нижний, а следующий в списке — верхний (ala Foursquare.com ). Если больше нечего отображать, он выполнит еще один вызов AJAX, чтобы получить больше, и если доступно больше, то он появится снизу и таким же образом появится сверху.

Вот мои основные вопросы.

Как я могу сделать эту анимацию с помощью jQuery? Кроме того, где я должен хранить <div> элементы, которые изначально не помещаются (если возвращается более 8)? Я предполагаю, что это также будет местом для хранения тех, которые возвращаются после второго вызова AJAX, если мне нужно будет выполнить дополнительный вызов.

Редактировать: Самый нижний раздел <div> должен выдвигаться из container только в том случае, если он не будет полностью помещаться, в противном случае он должен просто скользить вниз. Это произойдет, если в <div> файле меньше 8 container элементов.

Спасибо, ребята!

Это то, чего вы пытаетесь достичь?

если это так, просто следуйте руководству