javascript - Fancybox が Foundation 6 で機能しない

Question

私は Foundation 6 の初心者です。

Foundation 6 でレスポンシブな Web サイトを作成しました。Processwire 経由の Fancybox は問題なく動作していました。今、私は F6 を実装しており、fancybox はもうありません.... 写真は新しいページで開きます。

http://olikehrli.ch/galerie/

原因が何であるかについての提案はありますか？それは以前とまったく同じですが、今ではフレームワークで....F6で何かする必要があります。

助けてくれてありがとう

ヤコブ

これらは、ヘッダーの Fancybox へのリンクです。

<!-- Add fancyBox -->
<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="<?php echo $config->urls->templates?>source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $config->urls->te    

PHP の fancybox へのリンク

<div class="row">
    <div class="small-12 large-7 medium-8 medium-push-1 columns" id="bg" >


                <!--        BILDERGALLERIE MIT PHP      -->

        <? echo $page->seitenname; ?>

        </br>
        </br>
        </br>


            <?php

        foreach($page->bildergalerie as $image) {
        $thumbnail = $image->size(180,180);
        echo "<a href='{$image->url}'  class='fancybox' rel='group' title='{$thumbnail->description}'><img src='{$thumbnail->url}' alt='{$thumbnail->description}'  ></a>";
        }

        ?>          

    </div>



        <!-- <div class="sidebar"> -->
 <div class="small-12 large-5 medium-4  columns" id="bg" >

            <? echo $page->sidebar; ?>

    </div>  


</div>

これはhtmlの一番下にあります

<script type="text/javascript">
   $(document).ready(function() {
      $(".fancybox").fancybox();
   });
</script>



  </body>
</html>