當加載ajax內容時啓動Colorbox

Question

在模板中呈現ajax響應之後，我顯示以下內容。當我點擊內容然後colorbox彈出。它的工作原理。

現在我想自動彈出彩盒沒有任何點擊。我也試過觸發事件。但它不起作用。你能幫忙嗎？由於

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

編輯：我試過如下回答。我得到一個沒有內容的colorbox加載圖標，然後colorbox消失。

Answer 1

你是怎麼試着觸發按鈕的？以下應工作（一些jQuery的鏈接）：

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

Answer 2

，如果你想顯示在頁面加載的顏色框，然後簡單地把它稱爲​​文檔的功能齊全

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