【问题标题】: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
猜你喜欢
  • 2018-01-06
  • 1970-01-01
  • 1970-01-01
  • 2014-01-23
  • 2021-01-21
  • 2020-01-09
  • 2015-11-07
  • 2013-11-23
  • 2018-04-16
相关资源
最近更新 更多