Disable jQuery Mobile Style pada Spesifik DIV

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

Ganti Background Website pada jQuery Mobile

Langsung saja masukkan css sesudah supaya rule background sebelumnya pada css externalnya di timpa dengan css yang baru

<style type="text/css">
  .ui-body-c, .ui-overlay-c { background:yellow; }
</style>

sumber : http://stackoverflow.com/questions/14331596/cant-change-jquery-mobile-background-color

jQuery Mobile Navigation Tabs

Kali ini saya lagi bikin player yang ada playlist beberapa kategori lagu, kemudian tiap kategori saya bikin navigasi berupa tab agar tidak memakan banyak tempat. Coba cari di google “jquery mobile menu tab” Alhamdulilah nemu di stackoverflow,

Scriptnya :

<style type='text/css'>
        #a, #b {
        display: none;
    }
</style>
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('div[data-role="navbar"] a').bind('click', function () {
    $(this).addClass('ui-btn-active');
    $('div.content_div').hide();
    $('div#' + $(this).attr('data-href')).show();
});

});//]]>  

</script>

    <div data-role="content">
        <div data-role="navbar">
            <ul>
                <li><a href="#" data-href="a">One (A)</a></li>
                <li><a href="#" data-href="b">Two (B)</a></li>
            </ul>
        </div><!-- /navbar -->
        <div class="content_div">onLoad Content</div>
        <div id="a" class="content_div">Some 'A' Content</div>
        <div id="b" class="content_div">Some 'B' Content</div>
    </div>

screenshot :

sumber : http://stackoverflow.com/questions/6849019/jquery-mobile-navigation-tabs