未定义 Modernizr

Question

我已将 Modernizr Touch Events 检测包含到我的项目中（只将其余部分排除在外以使其尽可能轻盈）。

我用它来设置不同的 Google Maps JS 选项如下：

<script>
  function initMap() {
    var myLatLng = {lat: 52.022322, lng: 4.209055};
    if( Modernizr.touchevents ) {
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            disableDefaultUI: false,
            center: myLatLng,
            scrollwheel: true,
            draggable: false,
        });

    } else {
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            disableDefaultUI: false,
            center: myLatLng,
            scrollwheel: false,
            draggable: true,
        });
    }

    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: 'Duijnisveld Kasconstructies',
    });
  }
</script>

我已将此脚本包含在我的页面-contact.php 文件中，该文件显示我的 Wordpress 项目上的联系页面。

每当我查看 page 时，我都看不到地图并在我的控制台中注意到以下错误： (index):235 Uncaught ReferenceError: Modernizr is not defined

我在这里错过了什么？

谢谢大家！

Answer 1

您在 theme-min.js 之前调用 Modernizr，这是您定义它的地方。

你应该把你的代码移到这一行下面。

<script type="text/javascript" src="http://duijnisveld.wpengine.com/wp-content/themes/duijnisveld-kascontructies/scripts/min/theme-min.js?ver=4.5.3"></script>

未定义 Modernizr

Modernizr is not defined

javascript

wordpress

modernizr