Question

我正在尝试创建一个Facebook，我喜欢不喜欢使用jQuery的功能。我有以下问题。当ajax调用激活时，它会调出加载动画。当它结束时，动画就会停留在那里。

它消失的唯一方法是当我使用相同的div加载和结果时。

看一看。代码非常简单：http://www.44db.com/demo/facebook-like/

谢谢

PS：这是load.php文件中的代码：

<?php
$like = $_POST['like'];
$value = $_POST['value'];

    if ($like == 'like') :
        echo 'clicked like';
    elseif ($like == 'notlike') :
        echo 'clicked not like';
    endif;

?>

Answer 1

而不是执行$('#load').html(ajax_load);，只需将图片标记直接放在HTML中即可。然后，您可以使用$('#load').show();使其显示，并$('#load').hide();隐藏它;

Answer 2

改为使用此回调函数：

function(responseText){
 $("#result").html(responseText);
 $(".loading").remove();
}

Answer 3

您在点击事件

上明确显示“ajax loading”

 $("#load").html(ajax_load);

当响应到达服务器响应时，您需要禁用它（注意$（“＃load”）。hide（））

$("#good").click(function(event){
 event.preventDefault();
 $("#load").html(ajax_load);
 $.post(
 loadUrl,
 {like: "like", value: likevalue},
 function(responseText){
$("#load").hide();
 $("#result").html(responseText);
 },
 "html"
 );
 });

您可以使用“ajax事件”并绑定回调以在ajax start和ajax stops

时执行操作，而不是明确表达

jQuery Ajax facebook就像系统一样

3 个答案: