2010-09-01 109 views
-1

我想創建一個Facebook我喜歡不喜歡使用jQuery的功能。 我遇到以下問題。 當ajax調用啓動時,它會調出加載動畫。 動畫結束時,動畫停留在那裏。jQuery Ajax facebook喜歡的系統

它消失的唯一方法是當我使用相同的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; 

?> 

回答

0

你明確地展示了「AJAX加載」上的click事件

$("#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 startajax stops

0

而不是做$('#load').html(ajax_load);的,只是把圖像標籤的HTML直。然後您可以使用$('#load').show();使其顯示,並且$('#load').hide();可以隱藏它;

0

使用此回調函數:

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