jquery – 在pageload完成后第一次打开时,Colorbox弹出窗口未完全加载

现在当我点击“阅读更多”链接时,首次加载页面时,中心新闻栏目的任何新闻项目,弹出窗口(彩盒弹出窗口)打开时缺少“下一步”按钮和“关闭”按钮.

我认为这是由于弹出窗口的高度和宽度问题,但无法弄清楚为什么会出现这个问题.

当我关闭弹出窗口然后第二次打开它时,它会在所有按钮上完全加载.

请查看页面来源以了解HTML,CSS&为这个中间新闻部分加载了Javascript库,因为我不能因为未知原因而创建一个小提琴.

下面是我正在使用的colorBox和owl-carousel脚本.

<script type="text/javascript">
//<![CDATA[
var $cnjQ = jQuery.noConflict();
$cnjQ(document).ready(function() {
    var $cNowl = $cnjQ("#center_news");
    $cNowl.owlCarousel({
        autoPlay: 2500,slideSpeed: 1500,loop:false,autoWidth:true,pagination: false,navigation: true,<?PHP echo $putTS ?>
        items: 1,itemsDesktop: [1199,1],itemsDesktopsmall: [979,itemsTablet: [768,itemsMobile: [600,1]
    });
    $cnjQ('.news-owlgrid').children().find('a.cn-read-more').each(function() {
        $cnjQ(this).colorBox({
            inline: true,width: "50%",rel: "cn-read-more",onLoad: function() {    
                $cNowl.trigger('autoplay.stop.owl');
            },onClosed: function() {
                $cNowl.trigger('autoplay.play.owl',[2000]);
            }
        });
    });
});
//]]>
</script>

谁有任何建议？