在jQuery PopUp中显示PDF

<a class="pdf" href="sample.pdf">open pdf file</a>

使用这个脚本：

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

当然,请务必先加载jQuery和fancybox js和css@L_489_9@

请注意,我在< embed>中设置了height =“99％”.标签.如果您使用HTML5 DCTYPE,它将避免双垂直滚动条.这是因为HTML5初始化边距的方式.

对于fancybox v2.x：如果您使用的是fancybox v2.x,您可以使用相同的脚本,但不需要onClosed选项,因此请删除

'onClosed': function() {
 $("#fancybox-inner").empty();
}

从脚本和内容选项后的最后一个试用逗号.

同时更改autoSize的autoDimensions字.