javascript - 为什么通过 $.ajax() 方法调用时 jQuery 颜色框弹出窗口没有显示？

Question

我在 $.ajax() 方法的 success: function() 中调用隐藏的颜色框弹出窗口，但我无法显示这一点。我以前做了同样的事情，但当时它工作正常，现在它不显示指定的隐藏弹出窗口。这个实现与之前的实现的唯一区别是我在之前的实现中使用了 $.ajax() 方法的数据属性。那件事是否与我当前的问题有关？请帮我解决这个问题。为了供您引用，我将必要的代码片段如下:

    <div class="hidden">
      <div id="emailinfoPopContent" class="c-popup">
        <h2 class="c-popup-header">Email Invoice</h2>
        <div class="c-content">         
          <h3>Invoice has been sent to your email id</h3>
        </div>
      </div>
    </div>

    <script language="javascript" type="text/javascript">
    $(document).ready(function(){   
    $(document).on('click', '#email_url', function (e) { 

    e.preventDefault();

    var post_url = $(this).attr('href');

    $.ajax({
      url: post_url,
      type : 'get',
      dataType: 'json',
      success: function(data) {
      var status       = data.status;
      var dialog_title = "Email Invoice";
      var message      = data.msg; 

      if(status == 'success') {
        $.colorbox({
          inline:true, 
          href: "#emailinfoPopContent",
          width:666
        });
        //alert(message);          
      } else {     
        $.colorbox({
          inline:true, 
          href: "#emailinfoPopContent",
          width:666
          });    
        //alert(message);           
        }  
      }
    });  
  });
});

</script>

我想说的另一件事是，我从 json 格式的 PHP 代码中得到了正确的响应，如果我显示警报而不是 colorbox，它会正确显示所需的响应。 Firebug 控制台中没有发现语法错误，我使用的是 jQuery 1.9

Answer 1

尝试添加open: true，例如:

$.colorbox({
    inline:true, 
    href: "#emailinfoPopContent",
    width:666,
    open: true
});