Mac 上的 Fancybox + Firefox

Question

我想使用 Fancybox 加载 PDF，我已经通过多个论坛找到答案并尝试了许多建议，但我似乎无法让它在我的 Mac 上的 Firefox 中工作。我用过这段代码：

$(document).ready(function() {
$(".pdf").click(function() {
$.fancybox({
'width': 700, // or whatever
'height': 900,
'autoSize': false,
'content': '<embed src="'+this.href+'#nameddest=self&page=1&view=FitH,0&zoom=80,0,0" type="application/pdf" height="99%" width="100%" />', 
});
return false;
}); // pdf 
); // ready

结合这个链接：

    <a class="pdf" href="sample.pdf"><img src="test.jpg" width="81" height="108" alt="testimg" /></a> 

可以在这里看到我的带有屏幕截图的测试页面：

http://shannawise.com/clients/fancy_box_test.html

如果有任何帮助，我将不胜感激！提前致谢！

旁注：我得到了 googledoc 的建议，但不喜欢它呈现 PDF 的方式。

Answer 1

您似乎使用的是 fancybox v2.1.4 ... 省去一些麻烦，并使用iframe 模式，如下代码所示：

jQuery(document).ready(function ($) {
    $(".pdf").fancybox({
        type: "iframe",
        iframe: {
            preload: false
        }
    });
});

如果您希望为盒子设置固定尺寸，请包括选项

width: 700, // as JFK always says : or whatever
height: 900,
fitToView : false

见JSFIDDLE

顺便说一句，您使用的代码适用于 fancybox v1.3.4 但不适用于 v2.x