jquery - 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