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