回答編集履歴

6

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
5
+ `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる属性です。
6
6
 
7
7
  data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
8
8
 

5

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

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

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

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

文字修正

2019/12/11 01:44

投稿

iss
iss

スコア506

test CHANGED
@@ -38,6 +38,8 @@
38
38
 
39
39
 
40
40
 
41
+ 実際の処理に使われているデータ値であれば、
42
+
41
43
  同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
42
44
 
43
45
 

2

文字修正

2019/12/11 01:40

投稿

iss
iss

スコア506

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

文字修正

2019/12/11 01:29

投稿

iss
iss

スコア506

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