Привет, я новичок в структуре телефонных разговоров и трещоток. Я пытаюсь загрузить внешний скрипт с помощью push.js. Вот содержимое моего файла js
function init(){
document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady(){
alert("device ready for use");
}
var checkPage = function(){
alert("push");
var scriptName;
var scriptsList = document.querySelectorAll('script.js-custom'); // Add a "js-custom" class to your script tag
for (var i = 0; i<scriptsList.length;i++) {
// Handle scripts in separate files by assigning the script file name to its id.
// We save it in a variable because the ".done" callback is asynchronous.
scriptName = scriptsList[i].id; // IMPORTANT: Only one loadable script per page!
$.getScript("js/" + scriptName)
.done(function (script, textStatus) {
eval(script);
alert("ok");
})
.fail(function(){
alert("error");
});
}
};
window.addEventListener('push', checkPage);
}
Вот мой html файл
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ratchet template page</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Include the compiled Ratchet CSS -->
<link href="css/ratchet.min.css" rel="stylesheet">
<!-- Include the compiled Ratchet JS -->
<script src="js/ratchet.min.js"></script>
<script src="js/jquery.js"></script>
<script src="cordova.js"></script>
</head>
<body onload="init()">
<!-- Make sure all your bars are the first things in your <body> -->
<header class="bar bar-nav">
<h1 class="title">Ratchet</h1>
</header>
<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
<div class="content">
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="two.html">
<strong>Another page</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://github.com/twbs/ratchet/">
<strong>Ratchet on Github</strong>
</a>
</div>
</div>
Вот мой файл two.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Notes</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Roboto
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700"> -->
<link rel="stylesheet" href="ratchet.min.css">
<script src="ratchet.min.js"></script>
</head>
<body>
<header class="bar bar-nav">
<h1 class="title">Two</h1>
</header>
</body>
<div class="content">
<script src="js/sample.js" class="js-custom" id="sample.js"></script>
</div>
</html>
Но я запускаю проект, который получаю
Uncaught ReferenceError: CustomEvent is not defined at file:///android_asset/www/js/ratchet.min.js:10
пожалуйста, помогите мне.
