Я использую мобильный JQuery на Apache Cordova для Android. Javascript между тегами body работает, но файлы javascript, на которые я ссылаюсь в заголовке, не выполняются даже на первой загруженной странице.
Я много читал о проблемах с загрузкой JQuery javascript из-за того, как ajax анализирует связанные страницы, однако в этом случае встроенный javascript даже не работает на главной странице, и я не могу найти ответы на эту проблему.
Вот index.js:
$(document).ready(function() {
// Handler for .ready() called.
document.addEventListener("deviceready", onDeviceReady, true);
});
function onDeviceReady() {
alert('index js loaded successfully');
}
А вот и index.html. Оповещение («индекс») работает, но оповещение («индекс js успешно загружено») не появляется
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="css/jquery.mobile-1.4.0.css" />
</head>
<body>
<script type="text/javascript">alert('index');</script>
<script src="js/jquery-1.11.0.js"></script>
<script src="js/cordova.js"></script>
<script src="js/index.js"></script>
<script src="js/jquery.mobile-1.4.0.js"></script>
<!-- Start of first page: #one -->
<div data-role="page" id="one">
<div data-role="header">
<h1>Main Menu</h1>
</div><!-- /header -->
<div data-role="content" >
<p> content here </p>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div>
</body>
</html>