Jquery 加载ajax内容时启动Colorbox

在模板中呈现ajax响应之后，我将显示以下内容。当我点击内容，然后颜色框弹出。它是有效的

现在我想不点击任何按钮自动弹出颜色框。我还尝试了触发事件。但它不起作用。你能帮忙吗？谢谢

<a id="login_to_apply_coupon" >Click here</a>

点击这里

JS代码

           <script>
               $("#login_to_apply_coupon").on( "click", function(e) {
                   e.preventDefault();

                   $.colorbox({
                       width:"400px",
                       href:'{% url popup-ajax-login %}?next={% url afshop_apply_coupon coupon_code=code %}',
                       height:"400px",
                       iframe:true,
                       onClosed:function(){
                           location.reload(true);
                       }
                   });
               });
           </script>

$（“#登录到(申请)优惠券”）。点击功能（e）{
e、 预防默认值（）；
$彩色盒({
宽度：“400px”，
href:'{%url弹出式ajax登录%}？下一步={%url afshop\u apply\u优惠券\u code=code%}'，
高度：“400px”，
伊夫拉姆：是的，
onClosed:function（）{
位置。重新加载（true）；
}
});
});

---

编辑：我尝试了以下答案。我得到了colorbox加载图标一秒钟没有内容，然后colorbox消失了

您是如何尝试触发按钮的？以下应该可以工作（一些jQuery链接）：

$（“#登录到(申请)优惠券”）。点击功能（e）{
//代码
})。单击（）；

如果要在页面加载时显示颜色框，只需在文档的ready函数中调用它即可

 $(document).ready(function(){
         $.colorbox({
         ...........
         ...........
        });
 });

---

谢谢其加载色盒图标持续一秒钟，然后消失。

 $(document).ready(function(){
         $.colorbox({
         ...........
         ...........
        });
 });