如何关闭Colorbox onclick并打开一个新的Colorbox？

Question

我有一个内联隐藏的div，我想在点击主Colorbox的链接后在Colorbox窗口中打开。

我获得了近距离的onclick功能，但我无法打开新的Colorbox。

脚本

// 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

尝试将选项open：true添加到$（“。promotionForm”）选择器中。我认为默认情况下，colorbox希望点击甚至被触发。

$（“。promotionForm”）。colorbox（{inline：true，width：“50％”，open：true}）;