Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

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"

Back To Top