Comment fermer Colorbox onclick et ouvrir une nouvelle Colorbox?

Question

J'ai un div caché inline que je voudrais ouvrir dans une fenêtre Colorbox quand on clique sur un lien de la Colorbox principale. J'ai la fonctionnalité close onclick pour fonctionner, mais je n'arrive pas à ouvrir le nouveau Colorbox.

Script

// close main colorbox onclick and open promotionForm  
jQuery("#add").click(function() { 
    parent.jQuery.colorbox.close(); 
    $(".promotionForm").colorbox({inline:true, width:"50%"}); 
}); 

Html

<a id="add" href="#">Add a Promotion</a></p> 

<!-- This contains the hidden content for promotion form --> 
<div style='display:none'> 
    <div id='promotionForm' style='padding:10px; background:#fff;'> 
     <%= render 'shared/promotion_form'%> 
    </div> 
</div> 

Answer 1

Essayez l'option, ouvrez: true ajouté à vos $ ("promotionForm.") Sélecteur. Je pense que par défaut, colorbox s'attend à ce qu'un clic soit même déclenché.

$ (". PromotionForm"). Colorbox ({inline: true, largeur: "50%", open: true});