title: Uncaught TypeError: undefined is not a function for fancy box
body: <pre><code>$(".fancybox-effects-b").fancybox({
      openEffect  : 'none',
      closeEffect : 'none',
      closeClick : true,
      helpers : {
      title : {
          type : 'inside'
          }
      }
  }); 
  </code></pre>
  
  <p>This is a code for fancy box i included the entire lib folder and source folder of fancy box but i still get <code>Uncaught TypeError: undefined is not a function</code> in the <code>$(".fancybox-effects-b").fancybox</code> what may be the cause of this what is the solution for this</p>
  
  <p><code>UPDATE</code></p>
  
  <p>got the code <a href="http://fancyapps.com/fancybox/demo/" rel="nofollow">here</a></p>
  
  <p>this is all the script i used</p>
  
  <pre><code>    &lt;link   type="text/css" rel="stylesheet" href="css/style.css"&gt;
      &lt;script type="text/javascript"src="js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="http://oap.accuweather.com/launch.js"&gt;&lt;/script&gt;
  
  &lt;!-- Add fancyBox main JS and CSS files --&gt;
      &lt;!-- Add jQuery library --&gt;
      &lt;script type="text/javascript" src="lib/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Add mousewheel plugin (this is optional) --&gt;
      &lt;script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"&gt;&lt;/script&gt;
  
      &lt;!-- Add fancyBox main JS and CSS files --&gt;
      &lt;script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.5" media="screen" /&gt;
  
      &lt;!-- Add Button helper (this is optional) --&gt;
      &lt;link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" /&gt;
      &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"&gt;&lt;/script&gt;
  
      &lt;!-- Add Thumbnail helper (this is optional) --&gt;
      &lt;link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /&gt;
      &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"&gt;&lt;/script&gt;
  
      &lt;!-- Add Media helper (this is optional) --&gt;
      &lt;script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"&gt;&lt;/script&gt;
  &lt;!-- Add fancyBox main JS and CSS files --&gt; 
  &lt;script type="text/javascript" src="js/js.js"&gt;&lt;/script&gt;
  
  &lt;!--slider--&gt;
      &lt;script type="text/javascript" src="js/jssor.core.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jssor.utils.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jssor.slider.js"&gt;&lt;/script&gt;
  &lt;!--slider end--&gt;
  </code></pre>