

htmlは苦手で，特にjava scriptの呼び出し方などわかっていない者です。

index.htmlで，

[code]

    <!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>
    
[/code]

と書いているのですが，

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

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


CC BY-SA 3.0
2016-01-11T07:26:40.400
20824
2016-10-19T08:25:49.820
2016-01-11T08:44:17.233
8532
13971
question
javascript monaca onsen-ui
java scriptの動きが反映されません


恐らく `components/loader.js` の中でAngularJSが読み込まれていますが、これより先に
`jquery-1.11.0.min.js`
を読み込んでいるためそのエラーが出ているのだと思います。正常に動作させるには、AngularJSやOnsenUIより後にjQueryを読み込ませるようです（[参考](http://blog.asial.co.jp/1354)）。

ただ、MonacaではクラウドIDE上からMonaca向けのjQueryを組み込めるようですから、`jquery-**.js`
を読み込むscriptタグを消して、こちらを使うとよいのではないでしょうか。

<http://docs.monaca.mobi/3.5/ja/manual/dependencies/components/>

その他気になった点として・・・

  * jquery-1.11.0.min.js と jquery-1.8.1.min.js の両方を読み込んでいますが、基本的に同じライブラリの違うバージョンを同時に使うことはできません。単に意味がないか、誤動作を起こすことがあります。
  * jquery.mobile-1.1.1.min.css を読み込んでいますが、jQuery MobileのJSファイルが読み込まれていません。（CSS部分だけ使っているなら問題ありませんが）


CC BY-SA 3.0
2016-01-12T07:06:19.393
20852
2016-01-12T07:06:19.393
8000
20824
answer