質問編集履歴
1
コードブロックで囲んでみました。初めて質問する＆プログラムど初心者なのでこれでいいのか不安です。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
tippy.jsを使ってツールチップを実装しています。
|
|
3
|
+
[tippy.js](https://atomiks.github.io/tippyjs/)を使ってツールチップを実装しています。
|
|
4
4
|
|
|
5
5
|
・1番目のボタンのツールチップは右
|
|
6
6
|
・2番目のボタンのツールチップは左
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
### 該当のソースコード
|
|
21
21
|
|
|
22
|
+
```HTML
|
|
22
23
|
<!doctype html>
|
|
23
24
|
<html>
|
|
24
25
|
<head>
|
|
@@ -50,6 +51,7 @@
|
|
|
50
51
|
padding-bottom: 120px; }
|
|
51
52
|
|
|
52
53
|
</style>
|
|
54
|
+
|
|
53
55
|
</head>
|
|
54
56
|
|
|
55
57
|
<body>
|
|
@@ -140,10 +142,12 @@
|
|
|
140
142
|
</script>
|
|
141
143
|
</body>
|
|
142
144
|
</html>
|
|
145
|
+
```
|
|
143
146
|
|
|
144
147
|
|
|
145
148
|
### 試したこと
|
|
146
149
|
|
|
150
|
+
```JavaScript
|
|
147
151
|
<script>
|
|
148
152
|
tippy('button', {
|
|
149
153
|
content(reference) {
|
|
@@ -164,6 +168,7 @@
|
|
|
164
168
|
placement: 'left-end',
|
|
165
169
|
});
|
|
166
170
|
</script>
|
|
171
|
+
```
|
|
167
172
|
|
|
168
173
|
これだと1つのボタンに左右にツールチップが表示されてしまいます。
|
|
169
174
|
### 補足情報（FW/ツールのバージョンなど）
|