回答編集履歴
6
文字修正
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
`data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる
|
5
|
+
`data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる属性です。
|
6
6
|
|
7
7
|
data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
|
8
8
|
|
5
文字修正
test
CHANGED
@@ -1,3 +1,7 @@
|
|
1
|
+
いつからか追加された`data-gr-c-s-loaded`の実際の用途についてはBootstrapから特に何のアナウンスも無いので不明ですが、
|
2
|
+
|
3
|
+
|
4
|
+
|
1
5
|
`data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
|
2
6
|
|
3
7
|
data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
|
@@ -11,6 +15,8 @@
|
|
11
15
|
・`gr-c-s-loaded` gr-c-s な条件で読み込み(load)された時
|
12
16
|
|
13
17
|
・="true"` true を返す
|
18
|
+
|
19
|
+
|
14
20
|
|
15
21
|
と言った意味で記載されています。
|
16
22
|
|
4
文字修正
test
CHANGED
@@ -44,6 +44,6 @@
|
|
44
44
|
|
45
45
|
|
46
46
|
|
47
|
-
▼わかりやすく解説しているブログがあったので貼っておきます。
|
47
|
+
▼dataの扱いについてわかりやすく解説しているブログがあったので貼っておきます。
|
48
48
|
|
49
|
-
https://www.sejuku.net/blog/38263
|
49
|
+
[https://www.sejuku.net/blog/38263](https://www.sejuku.net/blog/38263)
|
3
文字修正
test
CHANGED
@@ -38,6 +38,8 @@
|
|
38
38
|
|
39
39
|
|
40
40
|
|
41
|
+
実際の処理に使われているデータ値であれば、
|
42
|
+
|
41
43
|
同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
|
42
44
|
|
43
45
|
|
2
文字修正
test
CHANGED
@@ -26,6 +26,8 @@
|
|
26
26
|
|
27
27
|
var flag = $('body').data('gr-c-s-loaded'); //flag = true
|
28
28
|
|
29
|
+
|
30
|
+
|
29
31
|
```
|
30
32
|
|
31
33
|
|
@@ -36,6 +38,10 @@
|
|
36
38
|
|
37
39
|
|
38
40
|
|
41
|
+
同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
|
42
|
+
|
43
|
+
|
44
|
+
|
39
45
|
▼わかりやすく解説しているブログがあったので貼っておきます。
|
40
46
|
|
41
47
|
https://www.sejuku.net/blog/38263
|
1
文字修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
`data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる属性です。
|
1
|
+
`data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
|
2
2
|
|
3
3
|
data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
|
4
4
|
|
@@ -24,7 +24,7 @@
|
|
24
24
|
|
25
25
|
```jQuery
|
26
26
|
|
27
|
-
flag = $('body').data('gr-c-s-loaded'); //flag = true
|
27
|
+
var flag = $('body').data('gr-c-s-loaded'); //flag = true
|
28
28
|
|
29
29
|
```
|
30
30
|
|
@@ -33,3 +33,9 @@
|
|
33
33
|
という風に `.data()` で取り出す事ができ、
|
34
34
|
|
35
35
|
おそらくtrueの時とfalseの時で違う処理を走らせるためのデータセット記載と推定できます。
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
▼わかりやすく解説しているブログがあったので貼っておきます。
|
40
|
+
|
41
|
+
https://www.sejuku.net/blog/38263
|