Modernizr is not defined in Foundation Zurb

Pernah menggunakan foundation ? foundation salah satu framework untuk templating yang saya sukai, karena ringan dan bergaya flat. Disini saya akan membahas mengenai muncul error messager pada saat foundation di gabungkan ke vue js.

Sekilas tidak akan berpengaruh pada tampilan halaman web, tetapi apabila kita lihat dengan menggunakan dev tool chrome atau firebug akan ada message seperti dibawah ini :

Uncaught ReferenceError: Modernizr is not defined
at HTMLLIElement.<anonymous> (foundation.min.js:9)
at HTMLDocument.dispatch (jquery.js:25)
at HTMLDocument.q.handle (jquery.js:24)
(anonymous) @ foundation.min.js:9
dispatch @ jquery.js:25
q.handle @ jquery.js:24

Error nya mengandung pesan bahwa modernizr tidak didefinsikan pada foundation js. Lalu bagaimana solusinya ?

Pada template yang kita pasang foundation pasti menyisipkan script js seperti dibawah ini :

<script>
$(document).foundation();
</script>

Coba kalian rubah lebih dispesifikasikan lagi penggunaan tag foundation () menjadi seperti punya saya dibawah ini :

<script>
$(document).foundation({
reveal : {
animation_speed: 500
},
tooltip : {
disable_for_touch: true
},
topbar : {
custom_back_text: false,
is_hover: false,
mobile_show_parent_link: true
}
});
</script>

Lalu refresh halaman kalian dan lihatlah di console log kalian, sudah dipastikan error tersebut hilang.

Leave a Reply Cancel reply