在colorbox中重建jcarousel

Question

我有jcarousel，我通过drupal模块创建它在隐藏（diplay：none）元素中打印（＆＃34;主要内容＆＃34;它在这里正常工作），然后我用它创建彩盒

   $('.quicktabs-views-group  .frame-colorbox').colorbox({
        html: function() {
              return $(this).siblings('.main-content').html(); 
               },
        width:'950px',
        rel: 'group_0',
        opacity : 0.8, 
});

但jcarousel无法在colorbox中工作，我知道因为html并将其放入colorbox，解决方案是什么，我怎样才能在彩盒中使用jcarousel？

Answer 1

http://jsfiddle.net/v7g0vy2d/

$('#test').colorbox({    
    html: $('.main-content').html(), // get carousel html

    onComplete:function(){   //Callback that fires right after 
                             //loaded content is displayed.   

        initCarusel()        //Calls a function that creates

    }
});

function initCarusel()
{
       $('.jcarousel').jcarousel();  
       ...                  // rest of the code
}