Не могу получить FancyBox Inline для отображения

Я попытался использовать точный код из демонстрации. Именно то, что было на странице, я устранил все, что ему не нужно было работать, и поставил только этот код на моей странице.Не могу получить FancyBox Inline для отображения

Но все, что он делает, когда я нажимаю, просто рассматривается как вкладка привязки и прокручивается вверх. JS не запускается для создания стиля и отображения FancyBox.

Я переместил файлы в каталоги, которые я уже установил, но я также попробовал это, как и с демо. С папками источника и lib на один уровень выше.

Вот сумасшедшая вещь. У меня есть еще один экземпляр fancybox, работающий только для изображений, и он отлично работает.

Я искал и не нашел ничего, что помогло мне. Это сводится к тому, что что-то не запускает JS, и я не знаю, почему.

заголовок -

<!DOCTYPE html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link rel="shortcut icon" href="img/favicon.png"> 
<link rel="stylesheet" type="text/css" href="css/reset.css" /> 
<link rel="stylesheet" type="text/css" href="css/style.css" /> 
<link rel="stylesheet" type="text/css" href="css/style-responsive.css" />

Код

   <li> 
      <a class="fancybox" href="#test1" title="Lorem ipsum dolor sit amet"> 
       <img src="img/1.png" alt="" /> 
      </a> 
      </li> 

    <div style="display: none"> 
      <div id="test1"> 
      <h3>Etiam quis mi eu elit</h3> 
      <p> 
      adfLorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. 
      </p> 
     </div> 
    </div> 
    </section>

Footer

<script src="js/jquery-1.10.1.min.js"></script>  
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui-1.10.4.min.js" type="text/javascript"></script> 
<script src="js/jquery.nicescroll.js"></script> <!-- jQuery NiceScroll --> 
<script src="js/jquery.sticky.js"></script> <!-- jQuery Stick Menu --> 
<script src="js/masonry.pkgd.min.js"></script> <!-- All script --> 
<script src="js/imagesloaded.pkgd.min.js"></script> <!-- All script --> 
<script> 
    $(function(){ 

     var $container = $('.grid'); 

     $container.imagesLoaded(function(){ 
     $container.masonry({ 
      itemSelector : 'li' 
     }); 
     }); 

    }); 
    </script> 
    <script src="js/jquery.parallax.js"></script> <!-- jQuery Parallax --> 
    <script src="js/script.js"></script> <!-- All script --> 
    <!-- Add jQuery library --> 

    <!-- Add mousewheel plugin (this is optional) --> 
    <script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> 

    <!-- Add fancyBox main JS and CSS files --> 
    <script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script> 
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.5" media="screen" /> 

    <!-- Add Button helper (this is optional) --> 
    <link rel="stylesheet" type="text/css" href="js/helpers/jquery.fancybox-buttons.css?v=1.0.5" /> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 

    <!-- Add Thumbnail helper (this is optional) --> 
    <link rel="stylesheet" type="text/css" href="js/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 

    <!-- Add Media helper (this is optional) --> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

Я вырываю волосы здесь. Что мне не хватает?

источник

2016-03-10 April Marshall

Возможно, вам не хватает кода инициализации fancybox '$ (". Fancybox "). Fancybox()' ... http://jsfiddle.net/picssel/bh2tjk2f/ – JFK

Нет кубиков. Я попытался добавить его прямо на страницу, а также поместить в файл script.js. Ничего не сработало. –