Question

我已经在我的图像上设置了Fancybox

<a class="fancybox fancybox.iframe" href="products.php?prod_id=36">
    <div class="prod-img">
        <img src="images/products/Apples_Red_Delicious.jpg" style="max-height:114px; max-width: 114px;" alt="Apples Red delicious  ($3.99kg)"/>
    </div>
</a>

我已经获得了文档就绪集的脚本

$(document).ready(function() {
    $('.fancybox').fancybox({
        width: 560,
        autoHeight: true,
        scrolling: 'no'
    });
});

（type: 'iframe'已从脚本中删除，因为不需要并且没有任何区别）

但它不会为我加载Fancybox中的页面！

我从同一个文件夹中复制并粘贴了另一个文档中的代码，它可以在那里工作，但不在这里。

我尝试过移动链接以包裹标准文本但仍然没有运气

您可以在http://www.dpdesignz.co.nz/homefresh/shop.php?prod=1预览页面。任何人都可以看到它可能出现的问题吗？

Answer 1

尝试将iframe放在引号中，如下所示：

     type: 'iframe'

Answer 2

虽然上面提到的事情都是真的，但你的网页真正的问题是验证器插件

删除此内容并尝试

<script type="text/javascript" src="js/jquery.validate.js"></script>

似乎存在冲突。

BTW我建议你使用验证引擎插件。 http://www.position-relative.net/creation/formValidator/index.html

Answer 3

使用type:iframe不带引号''会导致错误。因此，只需在iframe类型中添加单引号，尝试使用以下代码替换您的奇特的盒子调用。

$('.fancybox').fancybox({
        width: 550,
        height: 590,
        type: 'iframe'
    });

希望这会对你有所帮助

Fancybox没有加载到一个页面上，而是在另一个页面上加载

3 个答案: