Ответ ajax не пишет на html странице, что делать?

Question

используемых языков: html, javascript / jquery и php 5.2

Итак, я создал эту функцию, которая onclick создает «группу».Для простоты мы скажем, что это группа (он же ответ от ajax.):

<div id="group1">Group #1</div>

Вот куда идут группы: (html page)

<div id="groups">
    <!-- groups go here -->
</div>

Итакпользователь создает группу # 1.Нет проблем.Ответ возвращается, и группа 1 появляется на экране там, где и должна.

Проблема, с которой я сталкиваюсь, заключается в том, что пользователь создает группу # 2.

success:function(data){
                    $('#groups').prepend().html($.trim(data));
                }

Вышеприведенный скрипт - это то, что назначаетновая группа в див.Проблема в том, что вместо предварительной группы 2 перед группой 1 группа 2 заменяет группу 1.(не хорошо)

Я не совсем уверен, что происходит, но когда пользователь создает 2-ю группу, сценарий ищет дочерний элемент группы, чтобы предвидеть, что сценарий не находит ни одного, поэтому он заменяет group1.

Если я иду к источнику, я не вижу div для группы 1 или 2, но могу визуально увидеть ответ на своем экране.

Что здесь происходит и как я могу это исправить?

Спасибо!

Answer 1

Если ваш ответ HTML, вы можете сделать это как

$("#groups").prepend(data);
//or
$(data).prependTo($("#groups"));

То, что вы делаете, это prepend(), ничего не делая, а затем устанавливая #groups 'html для данных

Answer 2

Вы должны передавать содержимое в качестве параметра prepend, например:

$('#groups').prepend($.trim(data));

Вызов html впоследствии просто заменит содержимое #groups.

Кроме того, этот контент генерируется динамически, поэтому вы не сможете увидеть его, если просмотрите исходный код страницы. Если вы хотите увидеть такие вещи, рассмотрите возможность установки Firebug - он позволяет просматривать динамический контент, сценарии отладки и многое другое.