Question

我在$（document）.ready listener：

中有这个相当基本的代码

        $('#contact-us-button').fancybox({
            padding: 20,
            beforeLoad: function () {
                            $("#slideshow").data('nivoslider').stop();
                        },
            afterClose: function () {
                            $("#slideshow").data('nivoslider').start();
                        }
        });

        $('.get-a-quote').fancybox({
            padding: 20,
            beforeLoad: function () {
                            $("#slideshow").data('nivoslider').stop();
                        },
            afterClose: function () {
                            $("#slideshow").data('nivoslider').start();
                        }
        });

而HTML：

 <a id="contact-us-button" href="impianto/get-a-quote-form.php"></a>

[...]

 <div class="product">
<h1>Ferrari California</h1>
<a href="dettaglio.php?id=7">
<img src="images/showcase/ferrari-california-showcase.jpg" />
</a>
<a class="get-a-quote" href="impianto/get-a-quote-form.php?id=7"></a>
 </div>

Fancybox正确绑定但显示该消息代替我的表单。类名和ID之间没有冲突。有任何想法吗？请注意，Fancybox 1.3.4使用大致相同的代码（不同选项）正常运行。

Answer 1

尝试将fancybox.ajax课程添加到您的链接中，例如

<a id="contact-us-button" class="fancybox.ajax" href="impianto/get-a-quote-form.php"></a>

和

<a class="get-a-quote fancybox.ajax" href="impianto/get-a-quote-form.php?id=7"></a>

Answer 2

尝试使用属性'type'：'iframe'，如果您希望它在其中显示另一个网页的内容，就像一个窗口到另一个页面。

你的＆lt;头＆gt;标记：

<script type="text/javascript">
    $(document).ready(function() {
            $(".fancybox").fancybox({
                'type'          : 'iframe'
            });
        });
</script>

此外它可能很明显，但如果不是......通过这个特定的javascript启用“fancybox”类链接作为弹出链接，你弹出弹出窗口的链接会将类设置为匹配上面javascript中的类名，类似于：

<a href="webpage_URL_to_show_in_popup.php" class="fancybox">Link</a>

Fancybox 2无法显示AJAX内容（“无法加载请求的内容。”）

2 个答案: