0

我已经在我的图像上设置了 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预览页面。谁能看到它可能有什么问题？

4

3 回答 3

1

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

     type: 'iframe'
于 2012-09-18T12:47:18.073 回答
1

尽管上面所说的都是真的，但您页面的真正问题是验证器插件

删除它并尝试

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

似乎有冲突。

顺便说一句，我建议您使用验证引擎插件。 http://www.position-relative.net/creation/formValidator/index.html

于 2012-09-18T13:22:56.387 回答
0

使用type:iframe不带引号的 '' 会导致错误。因此，只需尝试通过向 iframe 类型添加单引号来用下面的代码替换您的花哨的框调用。

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

希望对你有帮助

于 2012-09-18T12:54:14.060 回答