Disable jQuery Mobile Style pada Spesifik DIV


jquery_logo
CSS pada jQuery Mobile biasanya otomatis menerapkan rules pada beberapa elemen, misalnya untuk elemen button. Saya ada kasus ketika ingin menambahkan player pada website yang menggunakan jQuery mobile, tombol playernya otomatis mengikuti rules pada CSS jQuery Mobile, sehingga tampilannya tidak seperti aslinya. Untuk menghilangkan efek CSS pada jQuery mobile untuk spesisif DIV, saya dapat tutorialnya dari stackoverflow

Caranya :

letakkan javascript dibawah ini sbelum jQuery Mobile library

<script>
            $(document).on('mobileinit', function () {
            $.mobile.ignoreContentEnabled = true;
            });
</script>

kemudian kita apit dengan DIV yang ditambahkan role -> data-enhance=”false”
contohnya

<div data-enhance="false">
<!-- letak yang akan di hilangkan efek CSS jQuery Mobile --></div>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s