Question

According to convention, I’m importing an initializing JavaScript file into my jQuery Mobile pages

init.js

$( document ).bind( "mobileinit", function() {
    // Make your jQuery Mobile framework configuration changes here!
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
    $.mobile.fallbackTransition.slideout = "none"
});

page.html

<script src="jquery.js"></script>
<script src="init.js"></script>
<script src="jquery-mobile.js"></script>

For some reason, this removes all the styles from the jQuery Mobile CSS?

Answer 1

The Jquery mobile js and css files must be added in proper order.This might be the problem in your case.hope the below example helps.

<link rel="stylesheet" href="jquery.mobile.css"/>
    <script src="jquery.js"></script>
    <script src="jquery-mobile.js"></script>
    <script src="init.js"></script>