Javascript 引导模式-添加嵌入PDF的对象标记

我目前正在尝试显示一个引导模式，其中我希望包含一个带有“object”html标记的PDF文件。问题是，似乎什么也没显示出来

我创建了一个（）

因此，您将找到一个基本模态（与单击按钮后显示的基本模态的引导代码完全相同），在模态体中，您将找到：

<object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500">this is not working as expected</object>

这不符合预期

因此，当我单独添加这段代码时（所以不是在引导模式中），它可以按预期工作。它在浏览器的默认pdf查看器中显示pdf。但是当我尝试在引导模式内部实现pdf时，似乎什么都没有出现

如果你有任何想法，它将真的帮助我，许多小时的搜索，我只看到解决方案与标签（我不想使用）

---

谢谢您并向您致以最诚挚的问候

防止下载管理器： 同样，如果您有Internet下载管理器或任何其他自动捕获pdf的下载管理器，请尝试阻止它自动捕获pdf链接

同时签出

PDFObject

JS，这应该很有趣

<script src="https://github.com/pipwerks/PDFObject/blob/master/pdfobject.min.js"></script>

编辑

请尝试iframe而不是对象类型pdf

<iframe src="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500"></iframe>

---

终于找到了解决方案：）是我的浏览器pdf阅读器配置不好。Firefox使用AdobeReader显示pdf。我用pdf.js（Firefox的pdf阅读器）取代了它，现在一切似乎都很好：）非常感谢您的时间和帮助：）

我发现bootstrap包含一个css属性，它会影响在模式窗口中查看pdf

更改此项：

.modal.in .modal-dialog {
  transform: translate(0px, 0px);
}

致：

如果更改此属性，则一切正常

你可以在行动中看到：

---

我确实在模态中看到了pdf。。。检查了最新的Firefox。我也看到了它，并在除Opera之外的Windows上的所有浏览器（即FF、Chrome）的最新版本中进行了测试。我在FF28和Chrome34中也看到了它。在我阅读了关于“pdfobject”库的内容后，它对我没有帮助。我的问题不是显示pdf（您可以看到一个更新的示例：），如果它包含在正文中，它会非常有效。问题是，只有当我尝试打开引导模式时，它才不会显示其中的pdf。您正在尝试哪个浏览器？例如，我也无法在windows 8 IE应用程序模式下查看您的上一个示例。我正在尝试FF 25.0，PDF显示良好。我知道在某些浏览器上它显示得不好（我必须为IE添加一些条件，但我只是为“找到解决方案”设置了一个非常基本的测试：））。显示PDF不是真正的问题。真正的问题是，看起来引导程序将pdf对象放在模式后面或类似的东西（我真的不明白为什么它不显示它）使用Iframe的解决方案不起作用，我正在尝试专门使用object标记（我不能在项目中使用Iframe）。我设法使它与jqueryUI dialog（）一起工作，但与bootstrap的modal的工作方式不同。那么，您是否在firefox 28或chrome 34上试用过它，以防万一？因为在我看来，除了IE应用程序，你们的每一个例子都是有效的，但在桌面版本中，它是有效的，尽管这是有效的解决方案。我在最新的Firefox上用object标签进行了测试。

.modal.in .modal-dialog {
  transform: none;
}