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

質問編集履歴

2

追記

2020/08/17 04:37

投稿

meli
meli

スコア312

title CHANGED
File without changes
body CHANGED
@@ -2,7 +2,7 @@
2
2
  webサイト制作中なのですが、PC,Androidでは正常動作するJqueryが、
3
3
  iphoneだと正常動作しません。
4
4
 
5
- Snowfallとagecheckを使用しています。
5
+ [Snowfall](https://github.com/loktar00/JQuery-Snowfall)[agecheck](https://github.com/michaelsoriano/age-check)を使用しています。
6
6
  エラーは出ていませんが、ihoneで確認すると、年齢確認が最初に表示されず、TOPの後ろでずっと表示されており、雪がTOPのメニューや画像の後ろに隠れたりがたがたになってしまいます。
7
7
 
8
8
 
@@ -47,5 +47,16 @@
47
47
  });
48
48
  ```
49
49
 
50
+ [追記]
51
+ js/JQuery-Snowfall-master/src/snowfall.jquery.jsに
52
+ ```ここに言語を入力
53
+ $elementReference.style.zIndex = 99997;
54
+ ```を記述しますと、
55
+ ```ここに言語を入力
56
+ snowfall.jquery.js:71 Uncaught ReferenceError: $elementReference is not defined
57
+ at snowfall.jquery.js:71
58
+ ```
59
+ のエラーが出ます。ほぼ同じコードを使っているPCの方では出なかったので気になります。
50
60
 
61
+
51
62
  不足等あれば上げますので、よろしくお願い致します。

1

修正

2020/08/17 04:37

投稿

meli
meli

スコア312

title CHANGED
@@ -1,1 +1,1 @@
1
- iphoneでjQueryのコンフリクト発生するがエラー表示はない
1
+ iphoneでjQueryが正常動作しないエラー表示はない
body CHANGED
@@ -1,6 +1,6 @@
1
1
  お世話になります。
2
2
  webサイト制作中なのですが、PC,Androidでは正常動作するJqueryが、
3
- iphoneだとコンフリクトを起こてしいます
3
+ iphoneだと正常動作しません
4
4
 
5
5
  Snowfallとagecheckを使用しています。
6
6
  エラーは出ていませんが、ihoneで確認すると、年齢確認が最初に表示されず、TOPの後ろでずっと表示されており、雪がTOPのメニューや画像の後ろに隠れたりがたがたになってしまいます。
@@ -21,17 +21,31 @@
21
21
  <!-- 年齢確認 -->
22
22
  ```
23
23
 
24
- noconflictを使うという情報を見て、jsに記述しましたが動作は変わらずでした。
25
-
26
- ```js
24
+ ```snow.js
27
- jQuery.noConflict(); //追加
28
- (function($){ //追加
29
25
  $(document).snowfall({
30
26
   flakeCount: 5, //降らせる数
27
+  minSize : 10,
28
+  maxSize : 25,
29
+  minSpeed : 1.5,
30
+  maxSpeed : 2,
31
+ flakeIndex : "99996",
32
+  image : [
33
+ "http://略/test/img/snow.png",
31
- ~略~
34
+ ],
32
35
  });
33
- })(jQuery); //追加
34
36
  ```
35
37
 
38
+ ```age.js
39
+ $(window).on('load', function(){
40
+ $.ageCheck({
41
+ "minAge": 18, //年齢設定
42
+ "redirectTo":"",
43
+ "subtitle":"年齢確認",
36
- 恐れ入りますが、コンフリクトを治す方法をご教示いただきたいです。
44
+ "title":"ABC",
45
+ "copy":"このページは<br>18歳以上の方のみ閲覧できます。" //モーダルの内容
46
+ });
47
+ });
48
+ ```
49
+
50
+
37
51
  不足等あれば上げますので、よろしくお願い致します。