Я новичок в разработке мобильных приложений с Cordova.Я пытаюсь разобраться с проектом, который я создал, но столкнулся с двумя проблемами.Во-первых, я использую Jquery mobile для элементов управления пользовательского интерфейса, но мои кнопки и элементы пользовательского интерфейса не отображаются, как я должен убедиться, что мои скрипты зависимостей и таблицы стилей также имеют ссылки в правильном порядке (см. Код ниже).Во-вторых, у меня есть две страницы: «indexpage» и «formspage» - проблема, с которой я сталкиваюсь при запуске моего приложения, обе страницы отображаются в одном и том же виде. Я не уверен, почему это так, см. Код ниже.Буду очень признателен за вашу помощь.
Ссылка на изображение: https://ibb.co/bEeP1e
<!DOCTYPE html>
<html>
<head>
<!--
Customize the content security policy in the meta tag below as needed. Add 'unsafe-inline' to default-src to enable inline JavaScript.
For details, see http://go.microsoft.com/fwlink/?LinkID=617521
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>FISApp</title>
</head>
<body>
<div data-role="page" id="indexpage">
<div data-role="header">
<h3>FISApp</h3>
</div>
<div class="ui-content">
<a href="#formspage" class="ui-btn">Forms</a>
</div>
</div>
<div data-role="page" id="formspage">
<div data-role="header">
<h3>Forms</h3>
</div>
<div class="ui-content">
<ul data-role="listview">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>
<script type="text/javascript" src="scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="scripts/platformOverrides.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
</body>
</html>