teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

念のためにコードを追加

2021/03/13 13:18

投稿

退会済みユーザー
answer CHANGED
@@ -12,4 +12,22 @@
12
12
 
13
13
  不安定版であるbootstrap5の機能みたいなのでまだ試したことは無いですが、
14
14
  JSのポップアップであれば、data-bs-target="#exampleModal+数字"としてやれば効きそうな気がします。
15
- プラグインのsliderなんかでも1ページに2つ使いたいときはslider1,slider2とかしてあげると動くので。
15
+ プラグインのsliderなんかでも1ページに2つ使いたいときはslider1,slider2とかしてあげると動くので。
16
+
17
+
18
+ 以下追加です。
19
+
20
+ 以下チャレンジコード
21
+ ※手元の環境で試してないよっ※
22
+ ※変えて欲しいところだけしか載せてないよっ※
23
+ ```php
24
+ data-bs-target="#exampleModal<?php echo $player['id'] ?>">
25
+
26
+ id="exampleModal<?php echo $player['id'] ?>"
27
+ ```
28
+ `#exampleModal`にナンバーを付与する感じ。
29
+ これでidがユニークになり、
30
+ JSで指定するポップアップもただ1つに限定されるので効くようになる…はず。
31
+
32
+ 上記で出来なければJSで要素のvalue(or data属性)を取って、
33
+ ポップアップのはいボタンのhrefに埋め込む方法というのもあります。