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の動きが全く反映されていません．

コードを書く順番が間違っているのでしょうか．よろしくお願いいたします！