Accéder à une variable en HTML chargée avec Jquery .load()

Question

Cela a probablement une réponse simple, mais je n'arrive pas à la trouver nulle part. Je charge un fichier HTML local dans une superposition modale. Le fichier HTML contient un diaporama. Je voudrais définir une variable et y accéder dans le HTML chargé pour savoir quelle diapositive pour commencer.

J'ai essayé de l'envoyer avec l'URL en tant que variable GET. J'ai essayé de l'envoyer après l'URL entre accolades et de récupérer comme POST. J'ai essayé de définir une variable globale, mais je suis à peu près certain qu'elle est hors de portée, et je n'arrive pas à l'obtenir de toute façon.

Voici une partie pertinente:

$(document).ready(function() { 

    $("a.slide0").click(function() { 
     $('#revealLayer').load('slideshow1.html?slide=0'); 
     $('#revealLayer').appendTo('#revealModal'); 
     $('#revealModal').reveal(); 
     return false; 
    }); 

    $("a.slide1").click(function() { 
     $('#revealLayer').load('slideshow1.html?slide=1'); 
     $('#revealLayer').appendTo('#revealModal'); 
     $('#revealModal').reveal(); 
     return false; 
    }); 

}); 

Comment puis-je obtenir ceci sur la réception? Aidez-moi!

Answer 1

déjà expliqué comment faire dans ce post ici: problems with jquery load()

rapide Mockup (non testé):

Cela suppose que #revealModal est le div que vous voulez le i nformation dans, et que slideshow1.html? slide = [0-1] urls sont en fait la liaison aux fichiers PHP.

$(document).ready(function() { 
    $("a.slide0").click(function() { 
     $('#revealModal').load('slideshow1.html', {slide:'0'}, function(){ 
      $(this).reveal(); 
      return false; 
     }); 
    }); 

    $("a.slide1").click(function() { 
     $('#revealModal').load('slideshow1.html', {slide:'1'}, function(){ 
      $(this).reveal(); 
      return false; 
     }); 
    }); 
}); 

Le slideshow1.html? Slide = 1 et slideshow1.html? Slide = 0 devra gérer la variable $_POST['slide'] en PHP pour cela.

Answer 2

Vous devriez peut-être utilisé le paramètre thirs de la méthode load() avec est un rappel qui sera appelée lorsque le processus de chargement est terminé (équivalent au prêt()).

Essayez ceci:

$("a.slide0").click(function() { 
    $('#revealLayer').load('slideshow1.html?slide=0', 
          {}, 
          function(response, status, whr) { 
     $('#revealLayer').appendTo('#revealModal'); 
     $('#revealModal').reveal(); 
    }); 

    // Cancel the click 
    return false; 
}); 

La définition de la méthode est:

.load(url [, data ] [, complete(responseText, textStatus, XMLHttpRequest) ])