Fancybox iFrame没有显示出来

时间:2012-08-30 20:21:35

标签: javascript jquery iframe fancybox modal-dialog

我有以下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

1 个答案:

答案 0 :(得分:3)

应该是这样的:

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

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