title: colorbox wont open a lightbox, instead opening URL directly
body: <p>I'm trying to open a google calendar using a lightbox. I've seen it done on another webpage using Colorbox (here: <a href="http://www.orovalleybicycle.com/" rel="nofollow">http://www.orovalleybicycle.com/</a> click on 'Expand to full calendar' on the righthand side), but when I tried to implement something really similar (also using colorbox) the calendar is refusing to open inside a colorbox. When I click on my hyperlink that SHOULD trigger colorbox it just navigates away from my page and opens the google calendar URL directly.</p>
  
  <p>So basically, here is the relevant bits of my code... I've tried wherever possible to duplicate what's on the demo page ( <a href="http://www.jacklmoore.com/colorbox/example1/" rel="nofollow">http://www.jacklmoore.com/colorbox/example1/</a>) so that i know it SHOULD work (except where you see relative URLs i have actually used absolute ones, changed for security &amp; simplifiaction):</p>
  
  <p>In my <code>&lt;head&gt;</code> tags:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="colorbox/colorbox.css" /&gt;
  
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="colorbox/jquery.colorbox.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function(){
          $(".colorboxcal").colorbox({iframe:true, width:"80%", height:"80%", transition:"fade"});
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>In the body:</p>
  
  <pre><code>&lt;a class="colorboxcal" href="https://www.google.com"&gt;Open Full Calendar&lt;/a&gt;
  </code></pre>
  
  <p>But basically, it behaves as if it just says this:</p>
  
  <pre><code>&lt;a href="https://www.google.com"&gt;Open Full Calendar&lt;/a&gt;
  </code></pre>
  
  <p>I've tried the following things to work out what was causing the problem:</p>
  
  <ul>
  <li>checked the absolute paths are correct</li>
  <li>tried changing the reference for jquery.min to a copy on my local machine, and tried different versions (made  no difference)</li>
  <li>tried changing the 'href' to direct to an image on my pc (result: clicking the link opened the image in the brower window, so same old problem)</li>
  <li>moving the href attribute up into the <code>&lt;script&gt;</code> code at the top (result: clicking the link did nothing. wrong cursor dispayed and doesn't behave like a link, just text.)</li>
  <li>putting the same code in a test page with nothing else but the bare essentials (result: clicking on link opened the URL, so same old issue.)</li>
  <li>tried removing all attributes that override .colorbox default ones except width &amp; height (result: same old issue)</li>
  <li>tried removing the <code>ready(function()</code> stuff and placing the <code>&lt;script&gt;</code> code just under the <code>&lt;/a&gt;</code> tags where it is needed (result: same old issue)</li>
  </ul>
  
  <p>I would love to check whether the colorbox is actually being triggered or loaded at all, but I can't figure out how.</p>
  
  <p>I've checked and my page validates nicely as xhtml (using w3 and using dreamweaver), so I dont think i've got any silly unclosed tags or anything causing problems. But it might possibly be something equally obvious that I've overlooked! I'm using php to call header &amp; footer &amp; navigation, and I have an image "slider" elsewhere on the site that uses javascript and jquery and its working fine. I've tried veiwing it (locally hosted) in firefox and chrome but the results are the same in both, so I don't think its related to a brower issue. My php is being errr... parsed (? whats the correct term there?) by xampp lite, but i googled and cant find any expected conficts there.</p>
  
  <p>i started building this site as a complete novice to html, php, javascript, jquery - the lot, so apologies if you clever souls need to dumb-down your response... I'm an absolute noob and my head is swimming!
  But does anyone (please!) have any suggestions as to why the colorbox doesnt work???
  Thankyou in advance!!</p>