javascript - jquery colorbox 和自定义滚动条

Question

我想使用custom scrollbar与彩盒

我使用的是 Wordpress，因此 Colorbox 是使用 this plugin 加载的。所有自定义滚动条文件均已按照说明加载。我猜我需要应用于 #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();
    }
});