jquery – PDF嵌入或标记未加载在IE 11

前端之家收集整理的这篇文章主要介绍了jquery – PDF嵌入或标记未加载在IE 11前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须创建一个我正在使用的图像滑块:

“Galleriffic插件> http://www.twospy.com/galleriffic/”,@H_502_3@

在图像滑块中,连同图像,我必须在某些情况下显示PDF.@H_502_3@

并表示,我把< div>其将PDF内嵌入“< div class =”caption“>”您可以在其中显示与图像相关的描述.@H_502_3@

对于带有PDF的滑块,您可以在这里看到完整的代码http://jsfiddle.net/Z99gr/2/@H_502_3@

我正在尝试使用< object>或< embed>标签,它可以在Chrome和Firefox中正常工作.但不是在IE11.@H_502_3@

我不能理解什么是丢失,因为我已经创建一个小提琴只有一个div嵌入PDF,它的工作正常在所有三个浏览器,Chrome,Firefox和IE11.@H_502_3@

http://jsfiddle.net/dmAM3/1/@H_502_3@

请查看问题,并建议尽快为IE 11缺少什么.@H_502_3@

谢谢!@H_502_3@

解决方法

我现在可以使用“< iframe>”嵌入PDF文件IE标签.

我替换了“< object>”和“< embed>”标有< iframe>所有3款浏览器,Firefox,Chrome和IE都可以正常工作.@H_502_3@

在IE中嵌入PDF有两种方式.@H_502_3@

第一种方式:直接在< iframe>中调用PDF@H_502_3@

以下是更新的代码:@H_502_3@

<div id="pdf">
   <iframe src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
        <p>It appears your web browser doesn't support iframes.</p>
   </iframe>
</div>

第二种方式:如果浏览器没有PDF阅读器,您可以在< iframe>中调用HTML页面.其中包含< object>标签 .@H_502_3@

以下是第二选项的代码@H_502_3@

<div id="pdf">
          <iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
               <p>It appears your web browser doesn't support iframes.</p>
          </iframe>
   </div>

“pdf.html”代码@H_502_3@

<body>
    <object data="lorem.pdf" type="application/pdf">
        <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
       <embed src="lorem.pdf" type="application/pdf" />
    </object>
</body>

这对我有用!@H_502_3@

这是工作小提琴:http://jsfiddle.net/stmjvz4f/@H_502_3@

希望将来有助于别人!@H_502_3@

猜你在找的jQuery相关文章