javascript - Fancybox: ページの任意の部分をクリックすると、Fancybox が開きます

Question

jQuery とFancyboxを使用してページに簡単なものを実装しようとしていますが、コードを機能させることができません。

ユーザーがページの任意の部分をクリックすると、Fancybox がモーダルを開くコードを作成する必要があります。

現在、私のコードは次のとおりです。

<script>
        $(document).ready(function(){
          $(document).click(function(e){
            $.fancybox.open([{
              href: '/welcome',
              title: 'Welcome to Our Website!'
            }],
            {
              width: 800,
              height: 600
            });
          });
        });
</script>

私にとってコードは素晴らしいものですが、このページにアクセスしてページの多くの部分をクリックしても何も起こりません。注: コンソールにはエラー メッセージが表示されません。