javascript - jQuery Colorbox和自定义滚动条

我想将custom scrollbar与Colorbox一起使用

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

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

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

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

最佳答案

每次打开或关闭颜色框时，都会动态添加和删除#cboxLoadedContent。这两个插件都需要更改标记并添加自己的包装器，因此仅在#cboxContent或#cboxLoadedContent上调用mCustomScrollbar是行不通的（追加#cboxLoadedContent后，mCustomScrollbar必须将.mCSB_container包装在#cboxLoadedContent内）。

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

从颜色盒示例中：

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