Question

我正在使用PHP脚本中的某些文本进行调整，并尝试将其淡入页面。但是，我无法使fadeIn（）函数表现出来。我就在这里：

<script type="text/javascript">
    $(document).ready(function(){
        $("#generate").click(function(){
            $("#quote p").load("sendText.php");
        });
    });
    </script>

<input type="submit" style="background-image: url(hitmebutton.png); height:8em; width:23em;" id="generate" value=""><br />
    <div id="quote"><p></p></div>

所以sendText.php回应了一些文字。为了让它在点击按钮时淡入，我尝试了

$("#quote p").load("sendText.php").fadeIn();

我也尝试过做

$("#generate").click(function(){
        $("#quote p").load("sendText.php");
        $("#quote p").fadeIn();
    });

但都没有奏效。如何让fadeIn（）申请？我觉得我有一些小小的东西。

Answer 1

我假设你想在文本加载时淡入文本。此外，要使fadeIn起作用，必须首先隐藏元素。尝试：

$("#quote p").load("sendText.php", function(){
    $(this).hide().fadeIn();
});

您还可以在加载内容之前隐藏元素。

Answer 2

尝试：

$("#generate").click(function(){             
    $("#quote p").load("sendText.php", function(){ 
       $(this).hide().fadeIn('slow'); 
    });
});

如何在jQuery中对文本运行多个函数？

2 个答案: