質問編集履歴
3
タイトルの修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Swiper.jsの番号付きページネーションの実装で
|
1
|
+
Swiper.jsの番号付きページネーションの実装をしたいです。
|
test
CHANGED
File without changes
|
2
文章の修正
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Swiper.jsの番号付きページネーションの実装
|
1
|
+
Swiper.jsの番号付きページネーションの実装で困っています。
|
test
CHANGED
@@ -12,17 +12,17 @@
|
|
12
12
|
|
13
13
|
|
14
14
|
|
15
|
-
しかし、以下の
|
15
|
+
しかし、以下の点でつまずいております。
|
16
|
-
|
17
|
-
宜しければご助言をいただけないでしょうか?
|
18
16
|
|
19
17
|
|
20
18
|
|
21
|
-
###
|
19
|
+
### 分からない点のご説明
|
22
20
|
|
23
|
-
ページネーションの指定を下記で行った場合(番号なしの指定)は
|
24
21
|
|
22
|
+
|
23
|
+
番号なしのページネーション指定を下記ソースで行った場合は、
|
24
|
+
|
25
|
-
問題なくページネーションが表示され
|
25
|
+
問題なくページネーションが表示されます。
|
26
26
|
|
27
27
|
|
28
28
|
|
@@ -68,9 +68,13 @@
|
|
68
68
|
|
69
69
|
```
|
70
70
|
|
71
|
-
解説サイト様を参考に下記の記述を行うと、途端に
|
72
71
|
|
72
|
+
|
73
|
+
しかし、解説サイト様を参考に下記の記述を行い、
|
74
|
+
|
75
|
+
ページネーションに番号を付けようとすると、
|
76
|
+
|
73
|
-
ページネーション部そのものが非表示になってしまうようです。
|
77
|
+
途端にページネーション部そのものが非表示になってしまうようです。
|
74
78
|
|
75
79
|
|
76
80
|
|
@@ -132,48 +136,14 @@
|
|
132
136
|
|
133
137
|
|
134
138
|
|
135
|
-
|
139
|
+
どうも pagination: { } の指定か、
|
140
|
+
|
141
|
+
classNameの指定あたりに原因があるのではないかと考えておりますが、
|
142
|
+
|
143
|
+
特定できずにおります。
|
136
144
|
|
137
145
|
|
138
146
|
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
### 質問(2)
|
146
|
-
|
147
|
-
また、<コード2>内の「className」の部分の指定は下記の記述で問題ございませんでしょうか。
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
**<コード3>**
|
152
|
-
|
153
|
-
```ここに言語を入力
|
154
|
-
|
155
|
-
pagination: {
|
156
|
-
|
157
|
-
el: '.swiper-pagination',
|
158
|
-
|
159
|
-
type: 'bullets',
|
160
|
-
|
161
|
-
clickable: true,
|
162
|
-
|
163
|
-
renderBullet: function (index, '.swiper-pagination') {
|
164
|
-
|
165
|
-
//中に数字を表示
|
166
|
-
|
167
|
-
return '<span class="' + swiper-pagination + '">' + (index + 1) + '</span>';
|
168
|
-
|
169
|
-
}
|
170
|
-
|
171
|
-
}
|
172
|
-
|
173
|
-
```
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
147
|
+
間違った記述がありましたら、ご教示いただけないでしょうか?
|
178
148
|
|
179
149
|
どうぞ宜しくお願い申し上げます。
|
1
書式の改善, URLリンクの挿入
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,10 +1,6 @@
|
|
1
|
-
Swiper.js
|
1
|
+
現在、Swiper.jsを使って、下記解説サイト様のサンプル2-1-8のような
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
現在、下記解説サイト様のサンプル2-1-8のような
|
6
|
-
|
7
|
-
番号付きのページネーションを実装したいと考えております。
|
3
|
+
「番号付きのページネーション」を実装したいと考えております。
|
8
4
|
|
9
5
|
|
10
6
|
|
@@ -12,7 +8,7 @@
|
|
12
8
|
|
13
9
|
|
14
10
|
|
15
|
-
https://garigaricode.com/swiper_navigation/#sample218
|
11
|
+
[https://garigaricode.com/swiper_navigation/#sample218](https://garigaricode.com/swiper_navigation/#sample218)
|
16
12
|
|
17
13
|
|
18
14
|
|