質問編集履歴

2

誤字

2017/05/04 17:57

投稿

terry3
terry3

スコア30

test CHANGED
File without changes
test CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  <div id="change">色を変える</div>
48
48
 
49
- <p class="oppai">ああああ</p>
49
+ <p class="color">ああああ</p>
50
50
 
51
51
  </div>
52
52
 

1

コードを載せました

2017/05/04 17:57

投稿

terry3
terry3

スコア30

test CHANGED
File without changes
test CHANGED
@@ -4,22 +4,122 @@
4
4
 
5
5
  ###発生している問題・エラーメッセージ
6
6
 
7
- JSファイルに
7
+ ```html
8
8
 
9
+ <!DOCTYPE html>
10
+
9
- $(function(){
11
+ <html>
12
+
13
+ <head>
14
+
15
+ <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
16
+
17
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
18
+
19
+ <meta name="format-detection" content="telephone=no">
20
+
21
+ <meta name="msapplication-tap-highlight" content="no">
22
+
23
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
24
+
25
+ <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
26
+
27
+ <link rel="stylesheet" type="text/css" href="css/index.css">
28
+
29
+ <title>BlankCordovaApp1</title>
30
+
31
+ </head>
32
+
33
+ <body>
34
+
35
+ <div data-role="page" id="page1">
36
+
37
+ <div data-role="header" class="header">
38
+
39
+ <h1 id="app-title">App</h1>
40
+
41
+ <a href="/" class="home" rel="external">Home</a>
42
+
43
+ </div>
44
+
45
+ <div role="main" class="main">
46
+
47
+ <div id="change">色を変える</div>
48
+
49
+ <p class="oppai">ああああ</p>
50
+
51
+ </div>
10
52
 
11
53
 
12
54
 
13
- });
55
+ <footer data-role="footer" data-position="fixed">
14
56
 
15
- と書き出し、間にどんどん書いていこうと
57
+ <h4>Demo</h4>
16
58
 
17
-
59
+ </footer>
18
60
 
19
- $('#click').click(function(){
61
+ </div>
20
62
 
63
+
64
+
65
+ <script type="text/javascript" src="cordova.js"></script>
66
+
67
+ <script type="text/javascript" src="scripts/platformOverrides.js"></script>
68
+
69
+ <script type="text/javascript" src="scripts/index.js"></script>
70
+
71
+ <script src="scripts/jquery-1.8.0.min.js"></script>
72
+
73
+ <script src="scripts/jquery.mobile-1.4.5.min.js"></script>
74
+
75
+ </body>
76
+
77
+ </html>
78
+
79
+ ```
80
+
81
+ ```CSS
82
+
83
+ .color{
84
+
85
+ color:blue;
86
+
87
+ }
88
+
89
+
90
+
91
+ #change {
92
+
93
+ display: inline-block;
94
+
95
+ cursor: pointer;
96
+
97
+ padding: 12px 80px;
98
+
99
+ background-color: #5dca88;
100
+
101
+ box-shadow: 0px 5px #279C56;
102
+
103
+ border-radius: 3px;
104
+
105
+ color: #fff;
106
+
107
+ font-size: 12px;
108
+
109
+ }
110
+
111
+ ```
112
+
113
+ ```JS
114
+
115
+ $(document).ready(function () {
116
+
117
+ $('#change').click(function () {
118
+
21
- $('.text').css('color','red');
119
+ $('.color').css('color', 'red');
120
+
121
+ });
22
122
 
23
123
  });
24
124
 
25
- しているがうまく作動しない。
125
+ ```