jquery colorbox和自定义滚动条

Question

我想使用带有Colorbox的custom scrollbar

我正在使用Wordpress，因此使用this plugin加载Colorbox。已按照说明加载了所有自定义滚动条文件。我猜我需要申请#cboxLoadedContent div，所以我按照这段代码加载了，但它不起作用：

(function(jQuery){
    jQuery(window).load(function(){
        jQuery("#cboxLoadedContent").mCustomScrollbar();
    });
})(jQuery);

使用Firebug对标准编码没有任何改动，即JavaScript没有触发。但是，如果我添加到div #cboxContent，则会触发JavaScript并将mCustomScrollbar _mCS_1类添加到#cboxContent div中。但是这没有滚动条，所以没有显示任何内容。

问题是为什么不在正确的div上工作，即#cboxLoadedContent？

Answer 1

每次打开或关闭颜色框时，都会动态添加和删除

#cboxLoadedContent。 两个插件都需要更改标记并添加自己的包装，因此只需在#cboxContent或#cboxLoadedContent上调用mCustomScrollbar就不起作用（mCustomScrollbar必须包装#cboxLoadedContent在追加 .mCSB_container之后#cboxLoadedContent 内。

最好的方法是在colorbox的onComplete回调中调用mCustomScrollbar函数。这样，当colorbox完成其附加#cboxLoadedContent的工作并加载实际内容时，会添加滚动条。

从彩盒示例：

$(".callbacks").colorbox({
    onComplete:function(){
        $("#cboxContent").mCustomScrollbar();
    }
});

Answer 2

快速了解接受答案中的代码。如图所示，我无法使用$（＆＃34; #cboxContent＆＃34;）;我需要使用$（＆＃39; #cboxLoadedContent＆＃39;）。

$(".callbacks").colorbox({
    onComplete:function(){
        $("#cboxLoadedContent").mCustomScrollbar();
    }
});