1

Colorboxでカスタム スクロールバーを使用したい

私はWordpressを使用しているので、このプラグインを使用してColorboxが読み込まれます。指示に従って、すべてのカスタム スクロールバー ファイルがロードされました。私は#cboxLoadedContentdivに適用する必要があると推測しているので、このコードに従ってロードしましたが、機能していません:

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

Firebug を使用しても、標準のコーディングに変更はありません。つまり、JavaScript は起動しません。ただし、div に追加すると#cboxContent、JavaScript が起動し、クラスmCustomScrollbar _mCS_1が#cboxContentdiv に追加されます。ただし、これにはスクロールバーがないため、何も表示されません。

問題は、なぜそれが正しい div ie で機能しないの#cboxLoadedContentですか?

4

2 に答える 2

1

#cboxLoadedContentカラーボックスが開いたり閉じたりするたびに動的に追加および削除されます。両方のプラグインはマークアップを変更し、独自のラッパーを追加する必要があるため、#cboxContentどちらかで mCustomScrollbar を呼び出すだけでは機能し#cboxLoadedContentません (mCustomScrollbarは追加後に#cboxLoadedContentラップする必要があります)。.mCSB_container #cboxLoadedContent

最善の方法は、カラーボックスの 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 に答える