Skip to content Skip to sidebar Skip to footer
Home / Teknologi

Cara Menggunakan Plugin Javascript Di Foundation dari CSS Script

By Karya Kancil Post a Comment

Foundation menyediakan banyak plugin javascript yang dapat digunakan hanya dengan menambahkan nama class dan data atribut pada elemen tertentu. Agar dapat menggunakan plugin-plugin tersebut, ikuti langkah-langkah berikut:

- Panggil file modernizr.js di dalam tag <head> yang digunakan untuk membuat browser-browser lama    dapat support HTML5 seperti berikut:

<script src="foundation/js/vendor/modernizr.js"></script>


- Panggil file jquery.js dan fastclick.js yang ada di folder vendor sebelum tag penutup <body> seperti    berikut:

<script src="foundation/js/vendor/jquery.js"></script>

<script src="foundat ion/js/vendor/fastclick.js"></script>


- Panggil file javaseript foundation.min.js yang mengandung semua isi plugin javascript atau       memanggilnya secara individual seperti berikut:

<!-- Memanggil semua plugin -->

<script src="foundation/js/foundation.min.js"></script>


<!-- Atau memanggilnya secara individual -->

<script src="foundat ion/js/foundation/

                     foundation.js'"></script>

<script src="foundati on/js/foundation/

                     foundation.alert.js"></script>

<script src="foundation/js/foundation/

                     foundation. dropdown.js"></script>


- Selanjutnya, buat inisialisasi sebagai berikut:

<script>

    $ (document) .foundation ()

</script>


Agar lebih memahami penggunaan plugin javascript Foundation, perhatikan contoh skrip berikut:

<html>

    <head>

        <title> Zurb Foundation </title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href=". ./foundation/css/foundation.css">


<script src="foundation/js/vendor/modernizr.js"></script>

    </head>

    <body>

<!-- isi website -->

            <script src=" foundation/js/vendor/jquery.js"></script>

            <script src=" foundation/js/vendor/fastclick.js"></script>

            <script src=" foundation/js/foundation.min.js"></script>

            <script>

$(document).foundation ();

            </script>

    </body>

</html>


Pada skrip di atas, memanggil file modernizr.js dan fastclick.js sifatnya pilihan, sehingga plugin javascript Foundation tetap dapat bekerja walaupun kedua file

javascript tersebut tidak ikut dipanggil. Namun, file modernizr.js sangat penting untuk menangani masalah pada browser lama yang belum mendukung fitur HTML 5.

Post a Comment for "Cara Menggunakan Plugin Javascript Di Foundation dari CSS Script"

RajaBackLink.com