Question

这是我正在使用的代码：

$(function() {
    $(".fav").click(function() {
        var page     = $('#page').attr('value');  
        var user     = $('#user').attr('value');
        var time     = $('#time').attr('value'); 
        var info = "page="+ page +"& user="+ user +"& time="+ time;
        $("#loading").html('<im g src="loader.gif" />');

        $.ajax({
            type: "POST",
            url: "favorite.php",
            data: info, 
            success: function() {
                $("#loading").ajaxComplete(function(){}).slideUp();
                $('#fav').fadeOut(200).hide();
                $('#unfav').fadeIn(200).show();
            }
        });
        return false;
    });
});
</script>

<script type="text/javascript" >
$(function() {
    $(".unfav").click(function(){
        var page     = $('#page').attr('value');  
        var user     = $('#user').attr('value');
        var info = "page="+ page +"& user="+ user;
        $("#loading").html('<im g src="loader.gif" />');

        $.ajax({
            type: "POST",
            url: "notfavorite.php",
            data: info, 
            success: function(){
                $("#loading").ajaxComplete(function(){}).slideUp();
                $('#unfav').fadeOut(200).hide();
                $('#fav').fadeIn(200).show();
            }
       });
       return false;
    });
});

一切正常，它充当“喜欢”“跟随”按钮，唯一的问题是ajaxComplete（）函数只运行一次。

干杯！

Answer 1

$(function(){
  $(".fav").click(function(){
    var page     = $('#page').attr('value');  
    var user     = $('#user').attr('value');
    var time     = $('#time').attr('value'); 
    var info = "page="+ page +"& user="+ user +"& time="+ time;        
    $("#loading").html('<im g src="loader.gif" />');
    $('#follow').hide();
    $.ajax({
      type: "POST",
      url: "favorite.php",
      data: info, 
      success: function(){
        $('#loading').empty();
        $('#remove').fadeIn(200).show();
      }
    });
    return false;
  });
})();

同样适用于.unfav

ajaxComplete函数“loader”运行一次

1 个答案: