<link rel="stylesheet" href="jQuery/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="jQuery/jquery-ui-1.13.1/jquery-ui-1.13.1/jquery-ui.min.css"> <link rel="stylesheet" href="mileTracker.css"> <script src="jQuery/jquery-3.6.0.min.js"></script> <script src="jQuery/jquery-ui-1.13.1/jquery-ui-1.13.1/jquery-ui.min.js"></script> <script src="jQuery/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"></script> <script src="mileTracker.js"></script> <header data-role="header" data-theme="b"> <h1>Tracker</h1> </header>Este es el código que tengo y parece que no puedo aplicar el tema al código html.
Encontré una solución que permite que la configuración funcione, los enlaces css se agregaron después del enlace jQuery mobile css.
Además, al usar los enlaces jQuery, el archivo css móvil se colocó primero seguido de los 2 archivos javascript, primero jquery.min.js y luego jquery.mobile.1.4.5.min.js.
Con los archivos js, se agregaron después del css y en el orden que se indica a continuación.
También utilicé una implementación local.
<link rel="stylesheet" type="text/css" href="jQuery/jquery.mobile-1.4.5/demos/css/themes/default/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" type="text/css" href="jQuery/jquery-ui-1.13.1/jquery-ui-1.13.1/jquery-ui.min.css"> <script src="jQuery/jquery.mobile-1.4.5/demos/js/jquery.min.js"></script> <script src="jQuery/jquery.mobile-1.4.5/demos/js/jquery.mobile-1.4.5.min.js"></script> <script src="jQuery/jquery-ui-1.13.1/jquery-ui-1.13.1/jquery-ui.min.js"></script>