Pourquoi ma fonction jquery .load() ne fonctionne-t-elle pas?

Question

J'ai un bouton sur mon site qui, lorsqu'il est cliqué sur, devrait charger html à l'intérieur d'un conteneur div.

J'utilise le code suivant pour le bouton:

<div id="nextnr1"><a href = "#">Next&gt;&gt;</a></div> 

Le code suivant pour exécuter le chargement lorsque quelqu'un clique sur le div:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#nextnr1").mousedown(function() { 
      $("#Container").load("wrappers.php?currenttab=1&shift=1"); 
     }); 
    });​ 
</script> 

Voici le code pour le conteneur où le code HTML est chargé dans:

<div id="Container"></div> 

Le problème est que tout le code ci-dessus est w orking la plupart du temps. Seulement une fois de temps en temps la fonction .load ne fait pas son travail. C'est pour une circonstance similaire parce que c'est à peu près la même page.

J'ai vérifié que quand il y a un clic la fonction a été appelée ainsi: $(document).ready et $("#nextnr1").mousedown(function() {..} font leur travail. Seulement .load est pas fait son travail parce que j'ai vérifié qu'il n'y avait pas de demande HTTP envoyée au serveur.

Si quelqu'un peut m'aider avec ce problème, je serais très très reconnaissant.

MISE À JOUR 1

J'ai essayé la boîte de message (voir code ci-dessous) et il montre que lorsque la charge n'a pas été exécuté, il n'a pas non plus afficher la boîte de message de charge a été effectuée. J'ai aussi vu que, après 2/3 minutes, soudainement la boîte de message est apparue et elle s'est rechargée! Cependant, cela fonctionne mais parfois il y a un énorme retard.

$(document).ready(function() { 
    $("#renextnr2").click(function() { 
     $("#Container").load("wrappers.php?currenttab=2&shift=1", function() { 
      alert("Load was performed."); 
     }); 
    }); 
}); 

Answer 1

J'ai ajouté un numéro de randon à la fin de l'URL qui a résolu le problème.

Answer 2

d'abord, essayez d'utiliser 'click' au lieu de mousedown.

En second lieu, essayez accrocher l'événement « clic » sur le lien au lieu du div:

<div><a id="nextnr1" href = "#">Next&gt;&gt;</a></div> 

Answer 3

vous devrez peut-être arrêter l'événement de se propager/traitement par défaut:

<div><a id="nextnr1" href="#">Next&gt;&gt;</a></div> 

<script type="text/javascript"> 

$(document).ready(function() { 
$("#nextnr1").click(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    $("#Container").load("wrappers.php?currenttab=1&shift=1"); 
});}); 

</script> 

Answer 4

première chose commencer avec est d'ajouter une alerte pour déboguer si l'événement est même en cours d'exécution, comme indiqué ci-dessous. Cela donnera un meilleur aperçu de la zone à examiner de plus près pour déterminer le problème.

$('#Container').load('wrappers.php?currenttab=1&shift=1', function() { 
    alert('Load was performed.'); 
});