Comment charger une autre div alors que la fenêtre contextuelle est toujours ouverte?

Question

Je viens de comprendre comment utiliser Facebox. Je peux ouvrir des divs cachés dans Facebox mais comment l'obtenir pour vider le div actuel et en charger un autre sans fermer la pop-up? Je veux que le pop-up Facebox charge un autre div (en vidant le précédent) si l'utilisateur clique sur un lien dans le pop-up. J'ai déjà essayé quelque chose comme ceci:

<script type="text/javascript"> 
     jQuery(document).ready(function($) { 
      $('a[rel*=facebox]').facebox({}) 
     }) 
</script> 

<a href="#div1" rel="facebox">Div1</a> 
<div id="div1" style="display:none;"> 
    <a href="#div2" rel="facebox">Load the other div</a> 
</div> 
<div id="div2" style="display:none;"> 
    <p>Other div</p> 
</div> 

Je savais en quelque sorte que ce n'était pas si simple. J'ai déjà essayé de chercher des réponses sur le net mais pas de dés. Est-ce seulement possible? Je suis un Noob complet quand il s'agit de Javascript alors s'il vous plaît, supportez-moi.

Answer 1

Je trouve déjà la réponse. Apparemment, vous devez le lier à un événement mouseclick et effectuer une récursivité. Voici comment je l'ai fait:

<script type="text/javascript"> 
    function find_hidden(){ 
     $('.infinite') 
     .unbind('click') 
     .bind('click', function() { 
      var glink = $(this).attr('href'); 
      jQuery.facebox({div: glink}); 
      find_hidden(); 
     }); 
    } 
</script> 

Je trouve la réponse here.

Answer 2

De l'écrémage par la source, je pense que vous pouvez tout simplement passer une chaîne, comme ceci:

$.facebox('<div>test</div>'); 

Answer 3

Essayez ceci:

jQuery("#facebox_overlay").click();jQuery.facebox({ div: '#your-new-div-id' });