javascript - 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