通过$ .ajax（）方法调用时，为什么未显示jQuery colorbox弹出窗口？

Question

I'm calling a hidden colorbox popup in the $.ajax() method's success: function() but I'm not able to show that. I did the same thing previously but at that time it worked fine, now it's not displaying the specified hidden pop-up. The only difference from this implementation to previous implementation I was using data attrribute of $.ajax() method in the previous implementation. Does that thing is responsible for my current issue? Please help me out in resolving this issue. For your reference I'm putting the necessary code snippets as follows:

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

One more thing I wold like to say is I'm getting the proper response from PHP code in json format, if I show alert instead of colorbox it shows the desired response properly. There are no syntactical errors found in firebug console and I'm using jQuery 1.9

Answer 1

try adding open: true , like:

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

Answer 2

You can try something like this. I am not sure about this

var show_html = $('emailinfoPopContent').html();
   $.colorbox({html:show_html});