teratail
回答率
85.30%
質問するログイン新規登録
トップに関する質問JSまたはjQueryでモバイル判定し、デバイスによってリンク先を変更したい

編集履歴

質問編集履歴

4

解決方法追記

2019/03/19 08:52

投稿

unee
unee

スコア17

title CHANGED
File without changes
body CHANGED
@@ -20,8 +20,8 @@
20
20
  ```
21
21
 
22
22
  ```html
23
- <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_01;" target="_blank">
23
+ <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_01;" target="_blank"></a>
24
- <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_02;" target="_blank">
24
+ <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_02;" target="_blank"></a>
25
25
  ```
26
26
  ・モバイル&タブレット
27
27
  https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=01
@@ -44,4 +44,23 @@
44
44
 
45
45
  何かもっと効率の良い方法がありましたらご教示ください。
46
46
 
47
- よろしくお願いいたします。
47
+ よろしくお願いいたします。
48
+
49
+ ###　実現方法
50
+ ```JavaScript
51
+ $(function(){
52
+ var ua = navigator.userAgent;
53
+ if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0){
54
+ 　　　　　　　　$('.id=01').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=01');
55
+ 　　　　　　　　$('.id=02').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=02');
56
+ } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0){
57
+ 　　　　　　　　$('.id=01').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=01');
58
+ 　　　　　　　　$('.id=02').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=02');
59
+ } else {
60
+ 　　　　　　　　$('.id=01').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=01');
61
+ 　　　　　　　　$('.id=02').attr('href','https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=02');
62
+ }
63
+ });
64
+ ```
65
+ この方法で思っていました動きは実現しました。
66
+ 効率の良い方法、これから勉強したいと思います。

3

誤字

2019/03/19 08:52

投稿

unee
unee

スコア17

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0) {
6
6
  // スマートフォン用処理
7
7
  var Id_01 = mobile/activity/xxxxx?event_id=01;
8
- 　　　var Id_01 = mobile/activity/xxxxx?event_id=02;
8
+ 　　　var Id_02 = mobile/activity/xxxxx?event_id=02;
9
9
  } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
10
10
  // タブレット用の処理
11
11
  var Id_01 = mobile/activity/xxxxx?event_id=01;

2

誤字

2019/03/19 06:26

投稿

unee
unee

スコア17

title CHANGED
File without changes
body CHANGED
@@ -1,22 +1,19 @@
1
1
  # 実現したいこと,試したこと
2
2
  ```javascript
3
- $(function() {
3
+ $(function () {
4
- //ユーザーの端末で条件分岐
5
- $(window).scroll(function () {
6
- var ua = navigator.userAgent;
4
+ var ua = navigator.userAgent;
7
- if (ua.indexOf('iPhone') &gt; 0 || ua.indexOf('iPod') &gt; 0 || ua.indexOf('Android') &gt; 0
5
+ if ((ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0) && ua.indexOf('Mobile') > 0) {
8
- &amp;&amp; ua.indexOf('Mobile') &gt; 0) {
9
- // スマホ用の処理
6
+ // スマートフォン用処理
10
- var Id_01 = mobile/activity/xxxxx?event_id=01;
7
+ var Id_01 = mobile/activity/xxxxx?event_id=01;
11
- 　　　　　　　　　　　　　　　　var Id_01 = mobile/activity/xxxxx?event_id=02;
8
+ 　　　var Id_01 = mobile/activity/xxxxx?event_id=02;
12
- } else if (ua.indexOf('iPad') &gt; 0 || ua.indexOf('Android') &gt; 0) {
9
+ } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
13
- // タブレット用の処理
10
+ // タブレット用の処理
14
- var Id_01 = mobile/activity/xxxxx?event_id=01;
11
+ var Id_01 = mobile/activity/xxxxx?event_id=01;
15
- var Id_01 = mobile/activity/xxxxx?event_id=02;
12
+ var Id_02 = mobile/activity/xxxxx?event_id=02;
16
- } else {
13
+ } else {
17
- 　　　　　　　　　　　　// それ以外PC用
14
+ 　　　　// それ以外PC用
18
- var Id_190410 = schedule/xxxxx?event_id=01;
15
+ var Id_01 = schedule/xxxxx?event_id=01;
19
- var Id_190410 = schedule/xxxxx?event_id=02;
16
+ var Id_02 = schedule/xxxxx?event_id=02;
20
17
  }
21
18
  });
22
19
  })

1

書式の改善

2019/03/19 06:25

投稿

unee
unee

スコア17

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,4 @@
1
+ # 実現したいこと,試したこと
1
2
  ```javascript
2
3
  $(function() {
3
4
  //ユーザーの端末で条件分岐
@@ -25,9 +26,6 @@
25
26
  <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_01;" target="_blank">
26
27
  <a href="javascript:window.location.href='https://www.xxxxxx.com/'+Id_02;" target="_blank">
27
28
  ```
28
- > https://teratail.com/questions/73341
29
- 上記を参考にいたしました。
30
-
31
29
  ・モバイル&タブレット
32
30
  https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=01
33
31
  https://www.xxxxxx.com/mobile/activity/xxxxx?event_id=02
@@ -42,6 +40,11 @@
42
40
  一番上に書いたコードで試してみましたが、動きませんでした…。
43
41
  このIDは「id=03」「id=04」...と増えていく予定です。
44
42
 
43
+
44
+ ### 参考
45
+ > https://teratail.com/questions/73341
46
+ 上記を参考にいたしました。
47
+
45
48
  何かもっと効率の良い方法がありましたらご教示ください。
46
49
 
47
50
  よろしくお願いいたします。