Jquery Ajax Anruf wird nicht geladen immer

Question

Ich habe diesen Link, der beim Klicken auf ein Div und öffnet Daten von einer anderen Seite durch Ajax-Aufruf und lädt die Daten im Div nach Erfolg. Aber mein Problem ist das, wenn ich das div und die Daten hochlade, schließe ich dann das div. Wenn ich auf den Link klicke, um das div wieder zu öffnen und die Daten neu zu laden, werden die Daten nicht geladen, es sendet nicht den Ajax-Aufruf, es zeigt mir nur die vorherigen Daten, die in das Div geladen wurden, bevor ich es schließe. Was ich erreichen möchte, ist, wenn das div geschlossen ist und der Link erneut angeklickt wird, der Ajax-Aufruf an die php-Seite gesendet wird und die neuen Daten neu geladen werden, ist dies der Link, der das div <a href="javascript:;" onclick="showLikes('<?php echo $id; ?>')">Likes</a> öffnet. Und hier ist der Ajax-Aufruf:

function showLikes(x){ 
    document.getElementById('#likeDiv').style.display='block'; 
    $.ajax({ 
     type: "GET", 
     url: "/get_likes.php?id="+x, 
     beforeSend: function(){ 
      document.getElementById('#beforeSendImg').style.display='block'; 
     }, 
     success: function(data){ 
      document.getElementById('#beforeSendImg').style.display='none'; 
      likes = $(data).fadeIn(800); 
      $("#likeDiv").html(likes); 
     }, 
    }); 
} 

Bitte hat jemand weiß, wie man es besser machen?

Answer 1

Versuchen Sie;

function showLikes(x){ 
    $('#likeDiv').css({'display:'block'}).html(""); 
    $.ajax({ 
     type: "GET", 
     url: "/get_likes.php, 
     data: {id: x}, 
     beforeSend: function(){ 
      $('#beforeSendImg').css({'display':'block'}); 
     }, 
     success: function(data){ 
      $('#beforeSendImg').css({'display':'none'}); 
      likes = $(data).fadeIn(800); 
      $("#likeDiv").html(likes); 
     }, 
    }); 
}