質問編集履歴

2

質問文の書式を変更いたしました。

2020/10/16 01:43

投稿

tom_k_92
tom_k_92

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,16 +1,18 @@
1
1
  HTMLのaタグで```onclick```属性に実行したいJavaScriptを記述した場合、
2
2
 
3
- 「JavaScript → 画面遷移」という順序になりますが、
3
+ **「JavaScript → 画面遷移」**という順序になりますが、
4
4
 
5
- 「画面遷移 → JavaScript」という順序を付与する方法に困っています。
5
+ **「画面遷移 → JavaScript」**という順序を付与する方法に困っています。
6
6
 
7
7
 
8
8
 
9
9
  なお、流入経路は2パターン用意しており、以下のように場合分けを考えております。
10
10
 
11
- 1経路目 「画面遷移のみ」
12
11
 
12
+
13
+ **1経路目 「画面遷移のみ」**
14
+
13
- 2経路目 「画面遷移 → JavaScript」
15
+ **2経路目 「画面遷移 → JavaScript」**
14
16
 
15
17
 
16
18
 

1

質問内容を変更いたしました。

2020/10/16 01:43

投稿

tom_k_92
tom_k_92

スコア7

test CHANGED
@@ -1 +1 @@
1
- 【HTML・Bootstrap】流入経路ごとのactiveボタンの切り替えについて
1
+ リンククリック時、画面遷移後にJavaScriptを実行する方法について
test CHANGED
@@ -1,55 +1,19 @@
1
+ HTMLのaタグで```onclick```属性に実行したいJavaScriptを記述した場合、
2
+
3
+ 「JavaScript → 画面遷移」という順序になりますが、
4
+
1
- 現在、HTMLとBootstrapを使用しホームページを制作しております。
5
+ 「画面遷移 → JavaScript」という順序付与する方法に困っます。
2
6
 
3
7
 
4
8
 
5
- ナビゲショメニューを作成し、ボタン押すと```active```クラスがそれぞれに切替わる仕組みになっています。(以下コードを参照)
9
+ なお、流入経路は2パターン用意ており以下のように場合分け考えております。
6
10
 
11
+ 1経路目 「画面遷移のみ」
7
12
 
8
-
9
- ```html
10
-
11
- <!-- ナビゲーションメニュー -->
12
-
13
- <ul class="nav nav-pills nav-fill my-5" id="pills-tab" role="tablist">
14
-
15
- <li class="nav-item">
16
-
17
- <a class="nav-link py-3 active" id="pills-user-tab" data-toggle="pill" href="#pills-user" role="tab" aria-controls="pills-user" aria-selected="true">ユーザー</a>
18
-
19
- </li>
20
-
21
- <li class="nav-item">
22
-
23
- <a class="nav-link py-3" id="pills-fan-tab" data-toggle="pill" href="#pills-fan" role="tab" aria-controls="pills-fan" aria-selected="false">クリエイター</a>
24
-
25
- </li>
26
-
27
- <li class="nav-item">
28
-
29
- <a class="nav-link py-3" id="pills-creater-tab" data-toggle="pill" href="#pills-creater" role="tab" aria-controls="pills-creater" aria-selected="false">ファン</a>
30
-
31
- </li>
32
-
33
- </ul>
34
-
35
- <!-- /ナビゲーションメニュー -->
36
-
37
-
38
-
39
- ```
40
-
41
- 流入経路は2パターン用意しており、経路ごとに初期画面の```active```クラスの設定を変えたいと考えております。
42
-
43
- 1経路目 → ユーザーが```active```状態
44
-
45
- 2経路目 → ファンが```active```状態
13
+ 2経路目 「画面遷移 JavaScript
46
-
47
-
48
-
49
- コードはスッキリさせたいので、できるだけJavaScriptの使用は避けたいのですが、
50
-
51
- 「2経路目のみユーザーの```active```クラスを削除し、ファンに```active```クラスを付与する」というJavaScriptを記述するしかないでしょうか?
52
14
 
53
15
 
54
16
 
55
17
  詳しい方がおられましたら、助言をいただけると幸いです。
18
+
19
+ よろしくお願いいたします。