jQuery Colorbox和自定义滚动条

Question

我想在Colorbox中使用自定义滚动条

我正在使用Wordpress，因此使用此插件加载了Colorbox。 所有自定义滚动条文件均已按照说明加载。 我猜想我需要应用于#cboxLoadedContent div，因此我已按照此代码进行了加载，但是无法正常工作：

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

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

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

Answer 1

#cboxLoadedContent附加，并且每个颜色框一个被打开或关闭时动态除去。 这两个插件都需要更改标记并添加自己的包装器 ，因此仅在#cboxContent或#cboxLoadedContent上调用#cboxLoadedContent将不起作用（附加.mCSB_container 后， #cboxLoadedContent必须将#cboxLoadedContent .mCSB_container 在 #cboxLoadedContent中）。

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

从colorbox示例中：

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

Answer 2

关于接受的答案中的代码，请快速注意一下。 如图所示，我无法使其与$（“＃cboxContent”）一起使用； 我需要使用$（'＃cboxLoadedContent'）。

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