1

我想使用带有 Colorbox的自定义滚动条

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

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

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

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

4

2 回答 2

1

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

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

从彩盒示例：

$(".callbacks").colorbox({
    onComplete:function(){
        $("#cboxContent").mCustomScrollbar();
    }
});
于 2013-10-19T15:22:31.223 回答
0

只需简要说明已接受答案中的代码。如图所示，我无法让它与 $("#cboxContent") 一起使用；我需要使用 $('#cboxLoadedContent')。

$(".callbacks").colorbox({
    onComplete:function(){
        $("#cboxLoadedContent").mCustomScrollbar();
    }
});
于 2014-07-31T05:33:44.217 回答