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');
}

这里使用了 datalist 元素。

Answer 1

你是对的，你可以阅读here, Safari doesn't support datalist, so you can only use Modernzr to switch to a 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();

Modernizr.datalistelem returning false in safari browser