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

嗨我已经创建了一个html页面。 link 这里的数据来自spreadsheets.google.com。在加载过程中显示错误。我在那里找到一个表示浏览器不支持的javascript代码。由于这个原因，我的产品列表也没有显示在下拉列表中。Modernizr.datalistelem在Safari浏览器中返回false

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元素使用用于这一目的。

来源

2016-08-19 Lemon Kazi

我不明白你的问题，唯一的errror我可以看到它与类名page_header缺少的一个元素：var头= parent.document.getElementsByClassName（“page_header”）; header [0] .style.display ='none' console.log（header）; 而不是在控制台Modernizr.datalistelem返回 true – InferOn

@推断兄弟尝试使用Safari浏览器，datalist不在那里工作。 –

你是对的，因为你可以阅读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/

来源

2016-08-19 12:00:20 InferOn

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

回答

相关问题