Facebox avec d'autres jquery dedans

Question

Donc j'ai l'installation de facebox et cela fonctionne. quand je charge une page externe avec une navigation basée sur un onglet (JQuery aussi) le modal fonctionne mais le nav ne marche pas. Si ce n'est pas clair, je veux vraiment que les onglets soient à l'intérieur de la visionneuse. Et j'ai aussi PHP/mysql en cours d'exécution dans la lightbox si cela peut changer quelque chose. Merci pour toute aide.

C'est l'appel modal d'origine

<link href="facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/> 
<script src="facebox/facebox.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
    $('a[rel*=facebox]').facebox() 
}); 

Ceci est le script dans la page que la zone modale appelle

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('#tabs').tabs(); 
     }); 
</script> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Informations</a></li> 
     <li><a href="#tabs-2">Factures en attente</a></li> 
     <li><a href="#tabs-3">Marché en cours</a></li> 
    </ul> 
<div id="tabs-1"> one</div> 
<div id="tabs-2"> two</div> 
<div id="tabs-3">three</div> 

Answer 1

détails Pas assez ici pour moi .. Où est le marquage/appel modal? Où sont vos conteneurs que les onglets référencent?

Voir la source de l'exemple ici:

http://docs.jquery.com/UI/Tabs

Si vous n'utilisez pas des conteneurs, les onglets ont rien à interagir avec et peuvent sembler ne pas fonctionner.

Edit:

Selon le document officiel, cela devrait fonctionner, après le chargement du jquery:

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Tab 1 content</p> 
    </div> 
    <div id="tabs-2"> 
     <p>Tab 2 content</p> 
    </div> 
    <div id="tabs-3"> 
     <p>Tab 3 content</p> 
    </div> 
</div> 

Avez-vous essayé l'exemple exact pour voir si cela fonctionne? Si cela ne fonctionne pas, Facebox peut interférer d'une manière ou d'une autre. Essayez de le réduire à la forme la plus simple sans trop se passer et voir si cela fonctionne, puis commencez lentement à ajouter des choses.

Answer 2

Impossible de reproduire. Fait une démo simple ici http://jsbin.com/iposi3/2 qui charge http://jsbin.com/uwoxe/2. Notez qu'il est essentiel que la page distante chargée ne soit pas une page html complète, donc pas de balises html, head, body ou similaire sinon elle échouera complètement. Seulement un "fragment html" comme celui que vous avez montré.

Pour afficher l'utilisation du code http://jsbin.com/iposi3/2/edit et http://jsbin.com/uwoxe/2/edit

fonctionne très bien dans mon opéra. Bien sûr, la facebox est trop petite pour afficher les onglets avec les paramètres par défaut.

---

à votre problème je me souviens (vérifier my post on that) que jQuery bandes parfois les script balises de contenu à distance chargé. Mais cela ne semble s'appliquer que lorsque $.load est utilisé et que FaceBox ne le fait pas (il utilise $.get pour le contenu distant).

Dans quel navigateur rencontrez-vous des problèmes? Si c'est IE, il se peut que IE lève les erreurs "Permission Denied" lorsque jQuery essaie d'injecter les balises de script à partir du contenu distant. Avez-vous vérifié la console d'erreur de votre navigateur?