未定義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>

我已經將此腳本包含在我的page-contact.php文件中，該文件在我的Wordpress項目中顯示聯系人頁面。

每當我查看頁面時 ，都看不到地圖，並在控制台中注意到以下錯誤： (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>