jquery ajax与slideDown不工作的第一次点击


jquery ajax with slideDown not working on first click

我使用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);
});

我遇到的问题是第一个信息被正确地插入到页面上。它滑下来,工作正常,但第二条信息没有出现。

然而,这本身不是问题。如果我再次点击这个按钮,这两段文本就会依次正确显示。

有谁知道是什么原因造成的吗?因为我似乎无法找到问题,因为它的工作,当按钮被点击第二次,第三次,第四次等

我不确定我是否正确理解了您的要求,但我试着组装了一把小提琴。我看到的问题是语句的顺序。