title: Fancybox 2 not working with jQuery 1.7.2
body: <p>I am trying to make any Lightbox type code work and it doesn't seem to be working with jQuery 1.7.2 . I am basically making a form in an iFrame. When someone clicks on a banner, it opens up an optin form in a lightbox and they can signup for the mailing list. I am using Fancybox 2 currently and it looks beautiful when I use:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But when I revert to:</p>
  
  <pre><code>&lt;script type='text/javascript' src='http://www.ncfitclub.net/wp-includes/js/jquery/jquery.js?ver=1.7.2'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>it no longer works. I thought maybe I could use the 1.7 version on the site in general, but it causes the picture slideshow on the front page to stop working when I do that.</p>
  
  <p>Now, I did a JSFiddle with jQuery 1.7.2 and 1.8 and they both worked. So now I'm at a loss of what is causing the problem. To be clear, I'm using XAMPP to test the site on my computer without any other code or plugins so as to avoid conflicts while I'm initially testing it. I know it's not an issue that can be resolved with jQuery.noConflict because it's not working on a page clean of code.</p>
  
  <p>Here is the code I'm using just to test the functionality:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;!-- Add jQuery library --&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Add mousewheel plugin (this is optional) --&gt;
  &lt;script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"&gt;&lt;/script&gt;
  
  &lt;!-- Add fancyBox --&gt;
  &lt;link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" /&gt;
  &lt;script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.0"&gt;&lt;/script&gt;
  
  &lt;!-- Optionally add helpers - button, thumbnail and/or media --&gt;
  &lt;link rel="stylesheet" href="css/jquery.fancybox-buttons.css?v=1.0.3" type="text/css" media="screen" /&gt;
  &lt;script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=1.0.3"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.fancybox-media.js?v=1.0.3"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet" href="css/jquery.fancybox-thumbs.css?v=1.0.6" type="text/css" media="screen" /&gt;
  &lt;script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=1.0.6"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $(".various").fancybox({
      maxWidth    : 800,
      maxHeight   : 600,
      fitToView   : false,
      width       : '70%',
      height      : '70%',
      autoSize    : true,
      closeClick  : false,
      openEffect  : 'elastic',
      closeEffect : 'elastic',
      helpers : {
      overlay : {
          css : {
              'background' : 'rgba(58, 42, 45, 0.3)'
          }
      }
  }
  });
  
  });
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
  &lt;a class="various fancybox.iframe" href="http://www.ncfitclub.net"&gt;&lt;img src="http://images.beachbody.com/tbb/coo/ad_banners/tropical_shakeology/shakeology-tropical-new-728x90.jpg" width="72" height="72" alt="" /&gt;&lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any ideas?</p>
  
  <h2>EDIT</h2>
  
  <p>I'm finding it has something to do with the WP include file and the slideshow. The slideshow ONLY works if I use <code>&lt;script type='text/javascript' src='http://www.ncfitclub.net/wp-includes/js/jquery/jquery.js?ver=1.7.2'&gt;&lt;/script&gt;</code>. It doesn't work if I use version 1.7.2 or 1.8 or any other version linked directly from jQuery.com . I'm wondering if there are some relative links in the code somewhere?</p>
  
  <h2>EDIT</h2>
  
  <p>Here are links:</p>
  
  <p><a href="http://www.miller-media.com/sites/ncfit/index.html" rel="nofollow">http://www.miller-media.com/sites/ncfit/index.html</a> (this has the WP include JS file. You'll notice that the slideshow works fine but if you click the banner in the top right, which has the fancybox code attached, it just links you to the a page not in a fancybox)</p>
  
  <p><a href="http://www.miller-media.com/sites/ncfit/index2.html" rel="nofollow">http://www.miller-media.com/sites/ncfit/index2.html</a> (this is with the JS call coming from jquery.com with the same version of jquery (1.7.2). The slideshow no longer works but the fancybox DOES work if you click on the top right banner)</p>