質問編集履歴
2
※質問内容の訂正、cssの記述を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
iPhone 6 Plus（バージョン9.3.2）のSafariで
|
|
3
|
+
iPhone 6 Plus（バージョン9.3.2）のSafariでJavaScript（タブ切替、インクルード）を動かしたい。
|
|
4
4
|
|
|
5
5
|
|
|
6
|
+
|
|
7
|
+
###発生しているエラー
|
|
8
|
+
|
|
9
|
+
0. タブ切替が動かない
|
|
10
|
+
|
|
11
|
+
0. インクルードファイルが読み込まれない
|
|
6
12
|
|
|
7
13
|
###試したこと
|
|
8
14
|
|
|
@@ -13,6 +19,8 @@
|
|
|
13
19
|
- Android（バージョン4.4.2）のChromeでも正常に動作。
|
|
14
20
|
|
|
15
21
|
- iPad（バージョン10）のSafariでも正常に動作。
|
|
22
|
+
|
|
23
|
+
- CSSに`cursor:pointer;`を追加してみたが、動作せず。
|
|
16
24
|
|
|
17
25
|
|
|
18
26
|
|
|
@@ -102,6 +110,22 @@
|
|
|
102
110
|
|
|
103
111
|
Aの内容
|
|
104
112
|
|
|
113
|
+
<!-- includefile -->
|
|
114
|
+
|
|
115
|
+
<div class="exsample"></div>
|
|
116
|
+
|
|
117
|
+
<script type="text/javascript">
|
|
118
|
+
|
|
119
|
+
$(document).ready(function() {
|
|
120
|
+
|
|
121
|
+
$('.exsample').load('exsample.html');
|
|
122
|
+
|
|
123
|
+
});
|
|
124
|
+
|
|
125
|
+
</script>
|
|
126
|
+
|
|
127
|
+
<!-- includefile -->
|
|
128
|
+
|
|
105
129
|
</div><!-- //END txt_1 -->
|
|
106
130
|
|
|
107
131
|
|
|
@@ -120,7 +144,39 @@
|
|
|
120
144
|
|
|
121
145
|
```
|
|
122
146
|
|
|
147
|
+
```css
|
|
123
148
|
|
|
149
|
+
#tab ul li {
|
|
150
|
+
|
|
151
|
+
display: inline-block;
|
|
152
|
+
|
|
153
|
+
width: 45%;
|
|
154
|
+
|
|
155
|
+
margin: 0px 0px 0px 5px;
|
|
156
|
+
|
|
157
|
+
padding: 20px 0;
|
|
158
|
+
|
|
159
|
+
color: #999;
|
|
160
|
+
|
|
161
|
+
font-size: 1.5em;
|
|
162
|
+
|
|
163
|
+
background-color:#ddd;
|
|
164
|
+
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
#tab ul li.selected {
|
|
168
|
+
|
|
169
|
+
color: #000;
|
|
170
|
+
|
|
171
|
+
background-color:#fff;
|
|
172
|
+
|
|
173
|
+
border: 1px solid;
|
|
174
|
+
|
|
175
|
+
border-color: #000 #000 #fff #000;
|
|
176
|
+
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
```
|
|
124
180
|
|
|
125
181
|
他必要な情報等ありましたらご指摘願います。
|
|
126
182
|
|
1
※書式の改善をしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
###該当のソースコード
|
|
20
20
|
|
|
21
|
-
```
|
|
21
|
+
```JavaScript
|
|
22
22
|
|
|
23
23
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
|
24
24
|
|
|
@@ -82,9 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
```
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
```HTML
|
|
86
|
-
|
|
87
|
-
```ここに言語を入力
|
|
88
86
|
|
|
89
87
|
<section id="tab">
|
|
90
88
|
|