Modernizrが定義されていません

Question

私はModernizr Touch Eventsの検出をプロジェクトに含めました（可能な限り軽く保つために残しておきました）。

私は、次のような異なるGoogleマップ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> 

私は私のWordpressのプロジェクトにコンタクトページを表示する私のページcontact.phpファイルにこのスクリプトを用意しました。

私は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>