title: .fancybox is not being recognised as a function
body: <p>I've gone through the other solutions to this question and none seem to work. I still think there is a problem with the scripts. Here is my :</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
  
      &lt;meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui" /&gt;
  
      &lt;!-- JQuery --&gt;
      &lt;script src="js/jquery-1.11.3.js"&gt;&lt;/script&gt;
  
      &lt;!-- BS --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt;
  
      &lt;!-- Fancybox --&gt;
      &lt;script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src-"fancybox/jquery.fancybox-1.3.4.pack.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css"&gt;
  
      &lt;!-- Custom CSS --&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
  
      &lt;script&gt;
          $(document).ready(function() {      
              if(location.hash) {
                  $(location.hash).click();
              }
              $(".iframe").fancybox();
          });
      &lt;/script&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p>And body:</p>
  
  <pre><code>&lt;a class="iframe" href="https://player.vimeo.com/video/151002965"&gt;
      &lt;img src="https://vimeo.com/151002965"&gt;
  &lt;/a&gt;
  </code></pre>