質問編集履歴

7

現状修正

2018/03/21 13:36

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -84,6 +84,8 @@
84
84
 
85
85
  今度は、2度クリックしないと期待どおり画面遷移しないという結果になり、新たな問題です。
86
86
 
87
+ つまり、**「getParamが、2度クリックしないと実行されない」**、これが大きな問題です。
88
+
87
89
  どうしたら一度のクリックで期待どおりになるでしょうか?
88
90
 
89
91
 

6

タイトル変更

2018/03/21 13:36

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
@@ -1 +1 @@
1
- aタグクリックで取得したパラメータを付与したURLを組み立てたいがどうしたらいいか?
1
+ aタグクリックで取得したパラメータを付与したURLを組み立て、一度のクリックで動作させたいがどうしたらいいか?
test CHANGED
File without changes

5

アドバイス後の状態を掲載

2018/03/21 09:50

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -22,19 +22,23 @@
22
22
 
23
23
  <script>
24
24
 
25
- $("a").click(function() {
25
+ $( function(){
26
26
 
27
- var id = $(this).attr("id");
27
+ $("a").click(function(e) {
28
28
 
29
- $( function(){
29
+ var id = $(this).attr("id");
30
30
 
31
- getParam(id);
31
+ if(id){
32
32
 
33
+ e.preventDefault();
34
+
35
+ getParam(id);
36
+
37
+ }
38
+
33
- });
39
+ });
34
40
 
35
41
  });
36
-
37
-
38
42
 
39
43
  function getParam(id){
40
44
 
@@ -66,7 +70,7 @@
66
70
 
67
71
 
68
72
 
69
-
73
+ 質問投稿時の
70
74
 
71
75
  aタグをクリックすると、パラメータがundefineになりhttp://www.foo.jp/view?id=undefinedへ遷移してしまう。
72
76
 
@@ -74,4 +78,14 @@
74
78
 
75
79
 
76
80
 
81
+ ●アドバイス後の現状
82
+
83
+ アドバイスいただいて上記のようにjsを修正しました。
84
+
85
+ 今度は、2度クリックしないと期待どおり画面遷移しないという結果になり、新たな問題です。
86
+
87
+ どうしたら一度のクリックで期待どおりになるでしょうか?
88
+
89
+
90
+
77
91
  どこを修正したらいいでしょうか?

4

本文の修正

2018/03/21 07:59

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -7,8 +7,6 @@
7
7
  <a href="#" id="GRP02">BBBBBB</a>
8
8
 
9
9
  <a href="#" id="GRP03">CCCCCC</a>
10
-
11
-
12
10
 
13
11
  <div id="example-view"><iframe src="" data-src="http://www.foo.jp/view"></iframe></div>
14
12
 
@@ -60,9 +58,11 @@
60
58
 
61
59
  URL自体はひとつで、一番問題になっているのはパラメータを取得できずに遷移してしまうこと。
62
60
 
63
- 必ず、パラメータ付きで遷移する方法はありますか?
61
+ 必ず、パラメータ付きで遷移する方法はありますか?(遷移方法自体は、今は問題視していません。)
64
62
 
65
- 遷移すること自体、今は問題視していません。
63
+ jsの書き方合っているでしょうか?
64
+
65
+ 以下の現状のように、パラメータがundefineになることは避けたいです。
66
66
 
67
67
 
68
68
 

3

タイトル変更

2018/03/20 00:47

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
@@ -1 +1 @@
1
- aタグクリックで取得したパラメータを付与したURLに遷移したいがどうしたらいいか?
1
+ aタグクリックで取得したパラメータを付与したURLを組み立てたいがどうしたらいいか?
test CHANGED
File without changes

2

問題点を修正

2018/03/20 00:27

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,9 @@
68
68
 
69
69
  ●現状
70
70
 
71
- aタグをクリックすると、パラメータがundefineになりhttp://www.foo.jp/viewへ遷移しない
71
+ aタグをクリックすると、パラメータがundefineになりhttp://www.foo.jp/view?id=undefinedへ遷移してしまう。
72
+
73
+ 必ず、パラメータ付きで遷移したいです。
72
74
 
73
75
 
74
76
 

1

JS編集

2018/03/20 00:19

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -7,6 +7,12 @@
7
7
  <a href="#" id="GRP02">BBBBBB</a>
8
8
 
9
9
  <a href="#" id="GRP03">CCCCCC</a>
10
+
11
+
12
+
13
+ <div id="example-view"><iframe src="" data-src="http://www.foo.jp/view"></iframe></div>
14
+
15
+
10
16
 
11
17
  ```
12
18
 
@@ -50,6 +56,14 @@
50
56
 
51
57
  指定のURLを呼び出す
52
58
 
59
+ 現状、パラメータ(aタグのid)を引き継げないで遷移していまいます。
60
+
61
+ URL自体はひとつで、一番問題になっているのはパラメータを取得できずに遷移してしまうこと。
62
+
63
+ 必ず、パラメータ付きで遷移する方法はありますか?
64
+
65
+ 遷移すること自体は、今は問題視していません。
66
+
53
67
 
54
68
 
55
69
  ●現状