FancyBox плавающего фрейма не отображается

Question

У меня есть эквивалент следующий HTML:

<ul> 
<a class="iframe" href="/posting/form?id=8"><li>Publish</li></a> 
</ul> 

и следующий JavaScript:

<script> 
     $(document).ready(function(e){ 
      $(".iframe").fancybox(); 
     }); 
    </script> 

Когда я нажимаю на кнопку публикации (Li таг) ничего не отображается , Если я свяжу href с тем, что не существует (например, www.adfadfasdf.com), появится окно, чтобы сказать, что оно не может получить информацию. Что я делаю не так?

Update: Есть следующие ошибки, когда я нажимаю публиковать кнопку:

3 
Uncaught Error: Syntax error, unrecognized expression: /posting/form?id=8 jquery.min.js:3 
m.error jquery.min.js:3 
m.filter jquery.min.js:3 
m jquery.min.js:3 
c.querySelectorAll.m jquery.min.js:3 
f.fn.extend.find jquery.min.js:3 
e.fn.e.init jquery.min.js:2 
e jquery.min.js:2 
$.extend._start jquery.fancybox.js:618 
$.extend.open jquery.fancybox.js:204 
$.fn.fancybox.run jquery.fancybox.js:1441 
f.event.dispatch jquery.min.js:3 
f.event.add.h.handle.i 

Answer 1

Это должно быть так:

<ul> 
<li> 
<a class="iframe" data-fancybox-type="iframe" href="/posting/form?id=8">Publish</a> 
</li> 
</ul> 

http://fancyapps.com/fancybox/#examples