Q&Apoppage使用時のエラー
Monacaを使用してアプリを開発しております。
Onsen UIを使用。
ons-navigatorとons-tabを使用しております。
tabbarを常に表示したまま、遷移する形式にしたいとおもっております。
profile.html内のpoppageやons-back-button使用時にエラーが発生しています。
ページの遷移自体はできているのですが、コンソールに下記のエラーメッセージが表示されており、
このエラーの原因がわかりません。
わかる方がいらっしゃいましたらご教授お願いいたします。
発生している問題・エラーメッセージ
www/lib/onsenui/js/angular-onsenui.min.js:2 TypeError: undefined is not an object (evaluating 'e.detail.navigator')
該当のソースコード
// main.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="components/action.js"></script> <script src="lib/angular/angular.min.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="lib/onsenui/js/angular-onsenui.min.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> <script> ons.bootstrap() .controller('AppController', function() { }); document.addEventListener('show', function(event) { var page = event.target; }); </script> </head> <body> <ons-page ng-controller="AppController as app"> <ons-tabbar> <ons-tab page="home.html" label="HOME" icon="ion-home, material:md-home" active-icon="md-face" active> </ons-tab> <ons-tab page="othermenu.html" label="その他"> </ons-tab> </ons-tabbar> </ons-page> </body> </html>
//othermenu.html <ons-navigator id="othermenu" page="other.html" value="othermenu"></ons-navigator>
//other.html <ons-page> そのほか画面です<br> <ons-button onclick="profileset()">Push Page 2</ons-button> </ons-page>
//profile.html <ons-page> <ons-back-button>Back</ons-back-button><br> <ons-button onclick="profpop()">メニューに戻る別js</ons-button> </ons-page>
//action.js function profileset(){ othermenu.pushPage('profile.html'); } function profpop(){othermenu.popPage();}
回答1件
0
自己解決
MonacaのJQueryを使用していましたが、それやめて別でJQueryを用意することによって解決しました。
投稿2018/06/22 01:40
総合スコア9
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。