htmlは苦手で,特にjava scriptの呼び出し方などわかっていない者です。
index.htmlで,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="components/jquery.scrollablelink.js" type="text/javascript"></script>
<script src="components/loader.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="popup.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script>
ons.bootstrap();
</script>
</head>
<body>
<ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="page1.html" side="left" type="overlay" max-slide-distance="200px">
</ons-sliding-menu>
</body>
</html>
と書いているのですが,
DebugLogWarningError iPad/8.4Onsen UI require jqLite. Load jQuery
after loading AngularJS to fix this error. jQuery may break Onsen UI
behavior.
と言われ,実行はされますが,別のページ(index.html以外のhtml)において,java scriptの動きが全く反映されていません.
コードを書く順番が間違っているのでしょうか.よろしくお願いいたします!