title: Colorbox ajax data - jScrollPane initialises first time correct but after .destroy reinitialise not working, empty colorbox
body: <p>I have multiple elements which open colorbox with ajax data (through ajax links after ajax pagination) and also render jScrollPane if any scrollbars are present.</p>
  
  <pre><code>$( '.showcolorBox' ).live('click',function(e){
  e.preventDefault();
  $(this).colorbox({open:true,
      opacity:0.98,
      maxHeight: '95%',
      onComplete: function() {
      $('#cboxContent').jScrollPane({
          showArrows: false
      });
      },
      onClosed: function() {
      var ele = $('#cboxContent').jScrollPane({showArrows: false});
      var api = ele.data('jsp');
      api.destroy();
      }
  });
  });
  </code></pre>
  
  <p>This works as intended except it only works the very first call, each call after the first opens the colorbox modal but with no data in it... completely blank!</p>
  
  <p>It appears the problem is after the jScrollPane's .destroy call, the reinitialise doesn't seem to be working properly. I get no errors in firebug and after spending the day trying to solve the issue and searching the web, with no solution the one thing that keeps popping up is the width and height of the scroll element after it reinitialises but I haven't figured out anything from it.</p>
  
  <p>Any help?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I am now handling the ajax request my self and placing the content in a colorbox inline element,the problem I am having is no scrollbars are being added after the colorbox.resize?</p>
  
  <pre><code>$( '.show_btn' ).live('click',function(e){
  e.preventDefault();
  $.colorbox({
      opacity:0.90,
      maxHeight: '95%',
      fixed:true,
      transition:"fade",
      overlayClose:false,
      returnFocus: true,
      inline:true, 
      href:"#bytePad",
      width: "655px",
      height: "0px",
      onLoad: function() {
        $('#cboxSpinner').show();
        $('#cboxSpinner').ajaxComplete(function(event,request, settings) {
          $(this).hide();
          $(this).colorbox.resize("#bytepad");
        });
      }
  });
  });
  </code></pre>