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

回答編集履歴

6

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

answer CHANGED
@@ -1,6 +1,6 @@
1
1
  いつからか追加された`data-gr-c-s-loaded`の実際の用途についてはBootstrapから特に何のアナウンスも無いので不明ですが、
2
2
 
3
- `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
3
+ `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる属性です。
4
4
  data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
5
5
 
6
6
  `data-gr-c-s-loaded="true"`の意味としては

5

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

answer CHANGED
@@ -1,3 +1,5 @@
1
+ いつからか追加された`data-gr-c-s-loaded`の実際の用途についてはBootstrapから特に何のアナウンスも無いので不明ですが、
2
+
1
3
  `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
2
4
  data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
3
5
 
@@ -5,6 +7,7 @@
5
7
  ・`data-` データ属性の接頭語
6
8
  ・`gr-c-s-loaded` gr-c-s な条件で読み込み(load)された時
7
9
  ・="true"` true を返す
10
+
8
11
  と言った意味で記載されています。
9
12
 
10
13
 

4

文字修正

2019/12/11 01:47

投稿

iss
iss

スコア506

answer CHANGED
@@ -21,5 +21,5 @@
21
21
  実際の処理に使われているデータ値であれば、
22
22
  同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
23
23
 
24
- ▼わかりやすく解説しているブログがあったので貼っておきます。
24
+ dataの扱いについてわかりやすく解説しているブログがあったので貼っておきます。
25
- https://www.sejuku.net/blog/38263
25
+ [https://www.sejuku.net/blog/38263](https://www.sejuku.net/blog/38263)

3

文字修正

2019/12/11 01:44

投稿

iss
iss

スコア506

answer CHANGED
@@ -18,6 +18,7 @@
18
18
  という風に `.data()` で取り出す事ができ、
19
19
  おそらくtrueの時とfalseの時で違う処理を走らせるためのデータセット記載と推定できます。
20
20
 
21
+ 実際の処理に使われているデータ値であれば、
21
22
  同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
22
23
 
23
24
  ▼わかりやすく解説しているブログがあったので貼っておきます。

2

文字修正

2019/12/11 01:40

投稿

iss
iss

スコア506

answer CHANGED
@@ -12,10 +12,13 @@
12
12
 
13
13
  ```jQuery
14
14
  var flag = $('body').data('gr-c-s-loaded'); //flag = true
15
+
15
16
  ```
16
17
 
17
18
  という風に `.data()` で取り出す事ができ、
18
19
  おそらくtrueの時とfalseの時で違う処理を走らせるためのデータセット記載と推定できます。
19
20
 
21
+ 同時に読み込まれている [.jsファイル] の中を探せば `.data()` で呼び出されている箇所が見つかるハズです。
22
+
20
23
  ▼わかりやすく解説しているブログがあったので貼っておきます。
21
24
  https://www.sejuku.net/blog/38263

1

文字修正

2019/12/11 01:29

投稿

iss
iss

スコア506

answer CHANGED
@@ -1,4 +1,4 @@
1
- `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができる属性です。
1
+ `data-* = "hoge"` という記載は、data属性と言われるもので `jQuery` の中で**変数**のように取り扱う事ができるCSS3の属性です。
2
2
  data-以降の文字列は「英小文字」「数字」「-」「_」「.」「:」から、まさに [**変数名**] として自由につけることができます。
3
3
 
4
4
  `data-gr-c-s-loaded="true"`の意味としては
@@ -11,8 +11,11 @@
11
11
  実際にjqueryでは
12
12
 
13
13
  ```jQuery
14
- flag = $('body').data('gr-c-s-loaded'); //flag = true
14
+ var flag = $('body').data('gr-c-s-loaded'); //flag = true
15
15
  ```
16
16
 
17
17
  という風に `.data()` で取り出す事ができ、
18
- おそらくtrueの時とfalseの時で違う処理を走らせるためのデータセット記載と推定できます。
18
+ おそらくtrueの時とfalseの時で違う処理を走らせるためのデータセット記載と推定できます。
19
+
20
+ ▼わかりやすく解説しているブログがあったので貼っておきます。
21
+ https://www.sejuku.net/blog/38263