featherlight - Ajax - Iframe

featherlight - Ajax - Iframe

by James Connolly

HTML

<script src="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.js"></script>
<link rel="stylesheet" href="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.css">
<div id="wrap">

<div class="lightbox" id="fl1">
  <h2>Featherlight Default</h2>
  <p>This is a default featherlight lightbox.</p>
  <!--- This test link doesn't work when inside the lightbox :( --->
</div>

<a href="#" id="testClick">Test Click</a>

<!-- <a href="#fl1" data-featherlight>Abra cada bra</a> -->
<a href="http://fiddle.jshell.net/webdevem/JfcJp/show/ table" data-featherlight>External Ajax</a>
<br>
<a href="http://fiddle.jshell.net/webdevem/JfcJp/show/" data-featherlight="iframe">Open Iframe</a>
<br>
<a href="http://fiddle.jshell.net/gnel/xkHFP/show/" data-featherlight="iframe">Open Iframe2</a>

</div>

<br>
<br>
<br>
<br> 
http://fiddle.jshell.net/webdevem/JfcJp/show/ #specialContent
<br>
http://fiddle.jshell.net/gnel/xkHFP/show/
<br>
http://fiddle.jshell.net/webdevem/JfcJp/show/ table

CSS

.lightbox {
  display: none
}

JavaScript

$(function() {
     $("#testClick").click(function() {
       console.log("Lightbox Click!");
     });
   });