Muhammad Hafid

Janganlah malas untuk berkarya, biarpun sederhana tetapi bermanfaat bagi orang lain. Kerjakan dengan penuh kesabaran dan keikhlasan

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.
Labels: html

Thanks for reading Modernizr is not defined in Foundation Zurb . Please share...!

0 Comment for "Modernizr is not defined in Foundation Zurb"

Terima kasih sudah berkunjung ke blog saya, semoga informasi nya bermanfaat buat anda.

Back To Top