Question

在模板中呈现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>

编辑：我尝试了以下答案。我得到彩色盒加载图标一秒没有内容然后颜色框消失。

Answer 1

你是怎么试图触发按钮的？以下应该工作（一些jQuery链接）：

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

Answer 2

如果你想在页面加载时显示颜色框，那么只需在文档的就绪函数中调用它

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

加载ajax内容时启动Colorbox

2 个答案: