Modernizr.数据项在safari浏览器中返回false

Modernizr.datalistelem returning false in safari browser

本文关键字：返回 false 浏览器 safari 数据项 Modernizr      更新时间：2023-09-26

嗨，我已经创建了一个html页面。链接这里的数据来自spreadsheets.google.com。这里在加载过程中显示错误。我在那里发现了一个javascript代码，这表明浏览器将不支持。由于这个原因，我的产品列表也没有在下拉列表中显示。

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

这是modernizer链接http://modernizr.com/download/-input-shiv-cssclasses-addtest-elem_datalist-load

这里datalist Element用于此目的。

你是对的，正如你在这里读到的，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/

相关文章：