Q&A
具体的に何がしたいのかわかりません。何をしていて、何を、どのように移動させたいのでしょうか？
###前提・実現したいこと
monacaとmobilebackendを使って、ある事柄についてユーザーが投稿した文章や画像を共有するアプリを作りたいと思っています。トップページのカテゴリー一覧から、それに関する投稿が載っているページに移動できる形にしたいと思っています。そのためにまず、白紙のぺージに移動できるようにしたいです。
##コード
トップページであるカテゴリー一覧のaタグを押して、該当データのページ(新しいページ)に飛ばす仕組みを作りたいです。
それ、ただのリンクと何が違いますか？
ページ内リンクみたいにしかならなくて困ってます。スクロールしてそこにいくのではなく、別のページとして作りたいです。
それもただのリンクですので、aタグだけで出来るはずです。なぜ出来ないのか分からないので、ソースや環境を記載してください。
別ウィンドウに同じページをもうひとつ開く形でページ内リンクをしたい、という理解であってますか？
ああ、つまりSPAで新しいページを作るにはどうしたらいいのか、という理解で合ってますか？
回答2件
0
index.htmlとpage1.htmlという2つのファイルを用意し、index.htmlをリンクを置くページ、page1.htmlをindex.htmlから移動するページとします。
index.html
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7</head> 8<body> 9 <h1>HelloWorld!</h1> 10 <a class="button--large" href="page1.html">大福</a> 11</body> 12</html> 13
page1.html
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7</head> 8<body> 9 <h1>大福</h1> 10</body> 11</html>
投稿2017/12/16 22:17
編集2017/12/16 22:19総合スコア14731
0
ベストアンサー
もしかして、こういうことですか？
HTML
1<a href="this.html#hoge" target="_blank"> hoge </a>
質問変更を受けて、回答を変更
つまり、Onsen-UI を使って SPA を作りたい、ということですよね。
それに関しては使ったことがないのですが、
↓これが参考になるかと思います。
ons-navigator - Onsen UI
投稿2017/12/16 06:49
編集2017/12/18 01:59総合スコア36115
回答本当にありがとうございます。試してみましたが解決できませんでした。
ありがとうございます。頑張ります。
あなたの回答
tips
プレビュー
