Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery颜色框和自定义滚动条_Javascript_Jquery_Wordpress_Scrollbar_Colorbox - Fatal编程技术网

Javascript jquery颜色框和自定义滚动条

Javascript jquery颜色框和自定义滚动条,javascript,jquery,wordpress,scrollbar,colorbox,Javascript,Jquery,Wordpress,Scrollbar,Colorbox,我想用一个有颜色的盒子 我使用的是Wordpress,所以色盒是使用。所有自定义滚动条文件都已按照说明加载。我猜我需要应用于#cboxLoadedContentdiv,因此我按照此代码加载,但它不起作用: (function(jQuery){ jQuery(window).load(function(){ jQuery("#cboxLoadedContent").mCustomScrollbar(); }); })(jQuery); 使用Firebug时,标准编

我想用一个有颜色的盒子

我使用的是Wordpress,所以色盒是使用。所有自定义滚动条文件都已按照说明加载。我猜我需要应用于
#cboxLoadedContent
div,因此我按照此代码加载,但它不起作用:

(function(jQuery){
    jQuery(window).load(function(){
        jQuery("#cboxLoadedContent").mCustomScrollbar();
    });
})(jQuery);
使用Firebug时,标准编码没有改变,即JavaScript没有启动。但是,如果我添加到div
#cboxContent
中,JavaScript将启动,并且一个类
mCustomScrollbar\u mCS\u 1
将添加到
#cboxContent
div中。但是这没有滚动条,因此不会显示任何内容

问题是为什么它不能在右边的div上工作,例如,
#cboxLoadedContent

#每次打开或关闭颜色框时,都会动态地追加和删除cboxLoadedContent
两个插件都需要更改标记并添加自己的包装程序,因此在
#cboxContent
#cboxLoadedContent
上调用mCustomScrollbar都不起作用(mCustomScrollbar必须在附加了
之后在
.mCSB_容器
中包装
#cboxLoadedContent

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

从颜色框示例中:

$(".callbacks").colorbox({
    onComplete:function(){
        $("#cboxContent").mCustomScrollbar();
    }
});
#cboxLoadedContent
会在每次打开或关闭色盒时动态追加和删除。这两个插件都需要更改标记并添加自己的包装,因此只需在
#cboxContent
#cboxLoadedContent
上调用mCustomScrollbar将无法工作(mCustomScrollbar必须在附加了
之后在
.mCSB_容器
中包装
#cboxLoadedContent

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

从颜色框示例中:

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

只是对接受答案中的代码做一个简短的说明。我无法让它与$(“#cboxContent”)一起工作,如图所示;我需要使用$(“#cboxLoadedContent”)


只是对接受答案中的代码做一个简短的说明。我无法让它与$(“#cboxContent”)一起工作,如图所示;我需要使用$(“#cboxLoadedContent”)


非常好用,谢谢!我唯一要做的另一件事就是将此代码移到结束正文标记之前。这似乎只适用于垂直滚动条,而不适用于使用
轴:“x”或
轴:“yx”
:-(似乎对iframes不起作用。有人遇到过这种情况吗?非常好,谢谢!我唯一要做的另一件事是将此代码移到结束正文标记之前。这似乎只对垂直滚动条起作用,而不适用于使用
轴:“x”
轴:“yx”
:-(似乎对iframes不起作用。有人遇到过这种情况吗?