使用slideDown的jquery ajax无法在第一次单击时工作

时间:2011-11-01 15:45:28

标签: php jquery ajax

我正在使用ajax从jQuery的单独脚本中获取两段文本。我已经完成了检查,脚本正确地将信息发送到原始的php页面。

我有一个div容器,其中包含带有文本的

标记。这些<p>代码的类名称为summary_text

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

加载php页面时,第一个<p>标记会填充信息。当单击一个按钮时,jQuery将被触发,并且应该跟随另外两条信息:

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

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

但是,仅此一点不是问题。如果我再次单击该按钮,则两个文本将依次正确显示。

有谁知道造成这种情况的原因是什么?因为我无法找到问题,因为当点击按钮时,第二次,第三次,第四次等等。

1 个答案:

答案 0 :(得分:1)

我不确定我是否正确理解了您的要求,但我尝试了fiddle。我看到的问题是陈述的顺序。