在旧浏览器中支持 turn.js答案

【问题标题】：Support for turn.js in older browsers在旧浏览器中支持 turn.js
【发布时间】：2012-05-08 15:21:03
【问题描述】：

我用turn.js做翻页效果，在IE7/IE8上好像不太好用（在IE7模式下加载网站，你自己看看）。

在支持旧浏览器的同时，在现代浏览器上保持酷翻页的最佳方式是什么？（注意：我根本不需要 IE 上的热点，因为我还有专门的箭头链接，可以通过 Javascript 翻转页面，类似于 turn.js 演示。）

【问题讨论】：

您可以使用 jquery 的$.support](http://api.jquery.com/jQuery.support/) and [$.browser 来检查某些类型的功能或浏览器。 if($.browser.msie && $.browser.version <=8) - 我们在这里检测 MSIE 和任何不是 IE 9 的东西。Quirks 模式会导致 $.support 上的错误，所以我们只能通过这种方法检测旧版浏览器的 IE。
@Ohgodwhy：我不是问如何检测浏览器；我正在寻找关于如何在检测到 IE 7/8 后优雅地回退的 turn.js 最佳实践。

标签： javascript jquery internet-explorer page-flipping turnjs

【解决方案1】：

您有如何应用 turn.js 的示例吗？例如，您是否有链接或您的页面结构如何？这是一个很好的起点。

当您检测到较旧的浏览器时，更多的是优雅地失败：有多种选择，根据网站已经完成的程度，有些选项比其他选项更有意义。首先，完全禁用 Javascript 的网站看起来如何？我知道这不是 IE7/8 的情况，但从那里开始。它可以在没有 JS 的情况下使用吗？如果答案是“不”，如果可以的话，想办法让那个答案“是”。在考虑如何处理旧版浏览器时，这始终是一个很好的问题。

如果您处于网站编程的早期阶段，或者内容布局清晰，那么您可以解决旧浏览器的限制。我尝试遵循的一种做法是在不使用 JS 或尽可能少的情况下设计网站，然后在功能上进行编程以供之后“嗖嗖嗖嗖”。

在您的情况下，我会建议以下内容：如果您检测到 IE7/8（或可能无法满足要求的移动浏览器等），则加载带有规则的辅助样式表，这些规则可以为您的内容提供尽可能多的内容尽可能地感受“原始”的感觉。接下来，让旧浏览器的 JS 显示/隐藏内容页面，而不是翻页 - 这可以通过左右移动页面的一些 div 来实现，然后跟踪当前页面与可能的页面（是此页之前有吗？此页之后？）以显示/隐藏导航 div。 turn.js 只是 看起来 像花哨的动画一样的东西，所以你应该能够说“嘿，这个浏览器是 IE 7 或 IE 8 - 所以，我们不要初始化 turn.js 而是转控制到上一页和下一页 div。"

【讨论】：

感谢您的帮助，但事实证明更快的解决方案是“改用 wowBook”。 :P