javascript - 如何构建优雅降级的 HTML5 Range?

标签 javascript jquery ruby-on-rails html progressive-enhancement

我想使用 <input type='range' />对于支持它的浏览器,从 HTML5 降级为 <select />如果不。我正在使用 Ruby-on-Rails,所以失败了,我可以做类似 this 的事情在服务器端。

不过,我更希望有一些更符合通过 Javascript 完成的渐进增强的想法的东西。如果它是 JQuery,则加分。

最佳答案

查看 Modernizr ,它会告诉您是否支持范围。我相信该技术是创建一个范围输入并检查它的类型——如果它仍然是“范围”,那么它是受支持的。否则它应该报告“文本”,这是其他浏览器的回退。

关于javascript - 如何构建优雅降级的 HTML5 Range?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2246136/

相关文章:

javascript - 使用多个字符串值查找 JSON 嵌套节点

javascript - jQuery 使用 jQuery 删除列表项,淡出 - 从 DOM 中删除

mysql - 每当我运行 rake db :migrate 时,Rails Schema 都会无意中更改

javascript - 如何链接这两个对象(图像映射形状和复选框)?

ruby-on-rails - Activerecord 按最佳匹配排序或查询

javascript - 如何创建带有复选框的 "check/uncheck all"?

javascript - 如何在 jQuery 中淡入*部分*?

javascript - WordPress 在哪里存储自定义帖子类型?

javascript - 等待动态加载的脚本

JQuery $.ajax 在超时时调用成功方法,而不是错误,在 Safari 中运行