Modernizr.datalistelem在safari浏览器中返回false

Question

您好我已经创建了一个html页面。 link 此处的数据来自spreadsheets.google.com。 在加载过程中它显示错误。 我在那里找到了一个javascript代码，表明浏览器不支持。因此，我的产品列表也没有显示在下拉列表中。

if (!Modernizr.datalistelem) {
 alert('This browser does not support all Aherns app functionality - suggest using another browser');
}

这是现代化的链接 http://modernizr.com/download/#-input-shiv-cssclasses-addtest-elem_datalist-load

这里datalist Element正在用于此目的。

Answer 1

您是对的，因为您可以阅读here，Safari不支持datalist，因此您只能使用Modernzr切换到polyfill

该HTML：

<input class="destination-list" type="text" placeholder="From:" list="city">

Modernizr.load({
  test: Modernizr.datalistelem,
  nope: ['js/jquery.js', 'js/jquery.datalist.js', 'js/load.datalist.js']
});

js/load.datalist.js包含：

$('input[list]').datalist();

参考：http://www.hongkiat.com/blog/html5-datalist/