2010-03-31 4 views
0

J'utilise ce plugin pour mon nouveau site:Problème avec ColorBox jQuery plug-in

http://colorpowered.com/colorbox/

La page préoccupation a deux liens hyper qui sont de la même classe:

a.emailQuote 

Ces les deux devraient ouvrir la même fenêtre colorbox qui est faite par le code suivant:

$("a.emailQuote").colorbox({ 
    transistion:"fade", 
    title:true, 
    iframe:true, 
    scrolling:false, 
    close:"Close this window", 
    innerWidth:478, 
    innerHeight:507, 
    initialWidth:478, 
    initialHeight:507  
}); 

cependant quand la fenêtre de colorbox s'ouvre il semble enregistrer qu'il y a deux fenêtres ainsi affiche les flèches précédentes et suivantes et le texte qui dit ceci est l'image un de deux.

Je me demandais s'il y avait un moyen de résoudre ce problème sans cacher ces éléments avec CSS.

Répondre

1

Colorbox suppose probablement que puisque votre sélecteur a renvoyé deux liens, ils sont liés. "C'est une caractéristique". Vous devriez appliquer colorbox séparément à chaque lien, ou peut-être regarder dans une autre implémentation de lightbox.

+0

Comme je pensais. J'ai essayé de différencier les liens en vain. Je viens de les jeter à l'écran pour l'instant avec CSS. – RyanP13

+0

Sélectionnez-les en utilisant leur identifiant: '$ (" a # emailQuote1 "). Colorbox ...' et '$ (" a # emailQuote2 "). Colorbox ...'. Vous aurez besoin de sécher la config colorbox, mais au moins vous aurez deux instances distinctes. –