Блог

Я использую ajax для извлечения двух фрагментов текста из отдельного скрипта с помощью jQuery. Я выполнил проверку, и скрипт правильно отправляет информацию на исходную страницу php.

У меня есть контейнер div, который содержит

теги с текстом в них. Эти <p> теги имеют имя класса summary_text .

 <p class='fight_summary_text'>a random piece of text</p>
 

Первый <p> тег заполняется информацией при загрузке страницы php. При нажатии кнопки jQuery запускается, и за ним должны следовать еще две части информации:

 $(".summary_text:first").before(data.message_one).slideDown(750, function() {
    $(".summary_text:first").before(data.message_two).slideDown(750);
});
 

Проблема, с которой я сталкиваюсь, заключается в том, что первая часть информации правильно вставлена на страницу. Он скользит вниз и работает нормально, но вторая часть информации не отображается.

Однако это само по себе не проблема. Если я нажму кнопку во второй раз, оба фрагмента текста будут отображаться правильно один за другим.

Кто-нибудь знает, что является причиной этого? Поскольку я не могу найти проблему, поскольку она работает при нажатии кнопки 2-й, 3-й, 4-й раз и т.д.

Я не уверен, правильно ли я понял ваши требования, но я попытался собрать скрипку. Проблема, которую я видел, заключалась в порядке операторов.