Faire plugin fancybox jQuery avec les résultats de soumettre un formulaire sur la même page

Question

J'essaie de prendre des résultats de formulaire qui sont générés à partir d'un appel PHP et les peupler dans un div qui apparaîtra alors dans une boîte à lumière sur le bouton Soumettre . Jusqu'à présent, j'ai réussi à configurer le formulaire et je suis en train de peupler les résultats sur la même page dans un div caché. Je peux faire apparaître ce div sans problème dans une boîte à lumière en mettant en place un lien href mais je ne peux pas le faire apparaître en cliquant simplement sur le bouton soumettre. Je sais que mes appels fancybox et jQuery sont bons, mais je ne sais pas où je vais me tromper sur le bouton de soumission.

Voici ce que j'ai à ce jour pour le faire fonctionner avec un lien:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#various1").fancybox({ 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'scrolling'   : 'auto', 
      'overlayOpacity' : '0' 
     }); 
    }); 
    </script> 
<a id="various1" href="#inline1" >Inline</a>  
<div style="display: none;"> 
    <div id="inline1" style="width:500px;height:550px;"> 

Fonctionne très bien ici lorsque vous cliquez en ligne après avoir envoyé le formulaire.

Voici ce que j'ai essayé de le faire fonctionner avec le bouton Soumettre:

$(document).ready(function(){ 
$("#submit").click(function(){ 

    alert('jQTest'); 
    $("#various1").fancybox(); 

    }); 
}); 

<input type="submit" name="submit" id="submit" value="--> Find" /> 

Je pense qu'il doit y avoir un moyen j'appelle le jQuery pour le fancybox ou un identifiant pour le bouton Envoyer & div parce que le clic sur le bouton submit est bien enregistré. Suggestions?

Answer 1

essayez ceci:

$("#submit").click(function(e){ 
    e.preventDefault(); 
    //alert('jQTest'); 
    $("#various1").fancybox(); 

    }); 
});