дополнить jquery «сообщениями обратной связи» - PullRequest
Новая
       8

дополнить jquery «сообщениями обратной связи»

2 голосов
/ 21 марта 2012
  1. Я хочу отобразить 5 сообщений обратной связи пользователей с идентификатором «поле сообщения».
  2. Я хочу, чтобы промежутки располагались друг на друге, а самые новые - сверху
  3. Когда 5 пролетов сложены, я хочу удалить их -> заменить их со следующими следующими 5 сообщениями.

Я хочу этот конечный результат в разметке: 

<div class="span4 messageField">
<span id="messagefield">Message 1</span>'
<span id="messagefield">Message 2</span>'
<span id="messagefield">Message 3</span>'
<span id="messagefield">Message 4</span>'
<span id="messagefield">Message 5</span>'
</div>

Я добавил первое поле сообщения span к своему div с помощью jquery: 

$('.messageField').prepend('<span id="messagefield"></span>');

Вот функция щелчка, которая генерирует текст для поля сообщения: 

$("#fireCreate").click(function(e) {
        $("#messagefield").html("Importerar titelsida, vänta ...");
});

это разметка в html: 

<div class="span4 messageField">
<!-- HERE IS WHERE THE SPANS WILL STACK UP -->
</div>

1 Ответ

1 голос
/ 21 марта 2012

Вы могли бы сделать 

//the counter is here just to show you that this works, you could use this to generate an id
var counter = 0;
$("#fireCreate").click(function(e) {
    counter++;
    if($('.messageField span').length === 5){
        $('.messageField span:last').remove();
    }
    $('.messageField').prepend($('<span />', { id: "message"+counter, class: "singleMessage", text : "Importerar titelsida, vänta ..."+counter}));
});

смотрите здесь http://jsfiddle.net/D4FQd/

...