jquery - オーバーレイとファンシーボックス 2 - 表示されません

Question

Fancyboxe のオーバーレイを表示しようとしましたが、方法がありません。このようなヘルパーをセットアップしようとしましたが、何も機能しません。

$(".fancybox").fancybox({
      helpers : { 
       overlay: {
        opacity: 0.8, // or the opacity you want 
        css: {'background-color': '#ff0000'}
       } // overlay 
      } // helpers
    }); // fancybox

何か案は ？

Answer 1

ドキュメントの読み込みが完了したときに Web ページにコードを実行するように指示する関数でコードをラップする必要があります。

$(document).ready( function() {

    $(".fancybox").fancybox({
        helpers : {
            overlay : {
                css : {
                    opacity: 0.8,
                    'background-color' : '#ff0000'
                }
            }
        }
    });

});