質問編集履歴

2

追記

2020/08/17 04:37

投稿

meli
meli

スコア312

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- Snowfallとagecheckを使用しています。
9
+ [Snowfall](https://github.com/loktar00/JQuery-Snowfall)[agecheck](https://github.com/michaelsoriano/age-check)を使用しています。
10
10
 
11
11
  エラーは出ていませんが、ihoneで確認すると、年齢確認が最初に表示されず、TOPの後ろでずっと表示されており、雪がTOPのメニューや画像の後ろに隠れたりがたがたになってしまいます。
12
12
 
@@ -96,6 +96,28 @@
96
96
 
97
97
 
98
98
 
99
+ [追記]
100
+
101
+ js/JQuery-Snowfall-master/src/snowfall.jquery.jsに
102
+
103
+ ```ここに言語を入力
104
+
105
+ $elementReference.style.zIndex = 99997;
106
+
107
+ ```を記述しますと、
108
+
109
+ ```ここに言語を入力
110
+
111
+ snowfall.jquery.js:71 Uncaught ReferenceError: $elementReference is not defined
112
+
113
+ at snowfall.jquery.js:71
114
+
115
+ ```
116
+
117
+ のエラーが出ます。ほぼ同じコードを使っているPCの方では出なかったので気になります。
118
+
119
+
120
+
99
121
 
100
122
 
101
123
  不足等あれば上げますので、よろしくお願い致します。

1

修正

2020/08/17 04:37

投稿

meli
meli

スコア312

test CHANGED
@@ -1 +1 @@
1
- iphoneでjQueryのコンフリクト発生するがエラー表示はない
1
+ iphoneでjQueryが正常動作しないエラー表示はない
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  webサイト制作中なのですが、PC,Androidでは正常動作するJqueryが、
4
4
 
5
- iphoneだとコンフリクトを起こてしいます
5
+ iphoneだと正常動作しません
6
6
 
7
7
 
8
8
 
@@ -44,30 +44,58 @@
44
44
 
45
45
 
46
46
 
47
- noconflictを使うという情報を見て、jsに記述しましたが動作は変わらずでした。
48
-
49
-
50
-
51
- ```js
47
+ ```snow.js
52
-
53
- jQuery.noConflict(); //追加
54
-
55
- (function($){ //追加
56
48
 
57
49
  $(document).snowfall({
58
50
 
59
51
   flakeCount: 5, //降らせる数
60
52
 
53
+  minSize : 10,
54
+
55
+  maxSize : 25,
56
+
57
+  minSpeed : 1.5,
58
+
59
+  maxSpeed : 2,
60
+
61
+ flakeIndex : "99996",
62
+
63
+  image : [
64
+
65
+ "http://略/test/img/snow.png",
66
+
61
- ~略~
67
+ ],
62
68
 
63
69
  });
64
-
65
- })(jQuery); //追加
66
70
 
67
71
  ```
68
72
 
69
73
 
70
74
 
75
+ ```age.js
76
+
77
+ $(window).on('load', function(){
78
+
79
+ $.ageCheck({
80
+
81
+ "minAge": 18, //年齢設定
82
+
83
+ "redirectTo":"",
84
+
85
+ "subtitle":"年齢確認",
86
+
71
- 恐れ入りますが、コンフリクトを治す方法をご教示いただきたいです。
87
+ "title":"ABC",
88
+
89
+ "copy":"このページは<br>18歳以上の方のみ閲覧できます。" //モーダルの内容
90
+
91
+ });
92
+
93
+ });
94
+
95
+ ```
96
+
97
+
98
+
99
+
72
100
 
73
101
  不足等あれば上げますので、よろしくお願い致します。