的fancybox的iFrame沒有顯示出來

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），那麼該框會顯示它無法檢索信息。我究竟做錯了什麼？

更新：有以下錯誤，當我點擊發布按鈕：

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