質問編集履歴
5
補足その2
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -144,4 +144,28 @@
|
|
|
144
144
|
|
|
145
145
|
</body>
|
|
146
146
|
</html>
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
もっと絞ってみました。Materializeを読み込まないようにすればセレクトメニューは表示されました。
|
|
150
|
+
```HTML
|
|
151
|
+
<!doctype html>
|
|
152
|
+
<html lang="ja">
|
|
153
|
+
<head>
|
|
154
|
+
<meta charset="UTF-8">
|
|
155
|
+
<meta name="viewport"
|
|
156
|
+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
157
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
158
|
+
<!--Import materialize.css-->
|
|
159
|
+
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
|
|
160
|
+
<link type="text/css" rel="stylesheet" href="css/base.css" media="screen,projection"/>
|
|
161
|
+
<title>Document</title>
|
|
162
|
+
</head>
|
|
163
|
+
<body>
|
|
164
|
+
<select name="category">
|
|
165
|
+
<option value="鮮魚">鮮魚</option>
|
|
166
|
+
<option value="冷凍食品">冷凍食品</option>
|
|
167
|
+
<option value="常温">常温</option>
|
|
168
|
+
</select>
|
|
169
|
+
</body>
|
|
170
|
+
</html>
|
|
147
171
|
```
|
4
補足の追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -88,4 +88,60 @@
|
|
|
88
88
|
|
|
89
89
|
理想像はこんなかんじです。
|
|
90
90
|
|
|
91
|
-
アドバイスとご教授のほどよろしくお願いします。
|
|
91
|
+
アドバイスとご教授のほどよろしくお願いします。
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
補足情報：
|
|
95
|
+
Formだけに絞ったコードでも、セレクトメニューは表示されません。
|
|
96
|
+
```HTML
|
|
97
|
+
<!doctype html>
|
|
98
|
+
<html lang="ja">
|
|
99
|
+
<head>
|
|
100
|
+
<meta charset="UTF-8">
|
|
101
|
+
<meta name="viewport"
|
|
102
|
+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
103
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
104
|
+
<!--Import materialize.css-->
|
|
105
|
+
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
|
|
106
|
+
<link type="text/css" rel="stylesheet" href="css/base.css" media="screen,projection"/>
|
|
107
|
+
<title>Document</title>
|
|
108
|
+
</head>
|
|
109
|
+
<body>
|
|
110
|
+
<div class="container">
|
|
111
|
+
<form action="index.php" method="post">
|
|
112
|
+
<div class="row input-field">
|
|
113
|
+
<div class="row">
|
|
114
|
+
<div class="col s6">
|
|
115
|
+
<select name="category">
|
|
116
|
+
<option value="鮮魚">鮮魚</option>
|
|
117
|
+
<option value="冷凍食品">冷凍食品</option>
|
|
118
|
+
<option value="常温">常温</option>
|
|
119
|
+
</select>
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
</form>
|
|
124
|
+
</div>
|
|
125
|
+
<!--JavaScript at end of body for optimized loading-->
|
|
126
|
+
<script type="text/javascript" src="js/materialize.min.js"></script>
|
|
127
|
+
<script>
|
|
128
|
+
$(function() {
|
|
129
|
+
$('.btn').on('click', function() {
|
|
130
|
+
$('.btn').hide();
|
|
131
|
+
// 3秒後に元に戻す
|
|
132
|
+
setTimeout(function() {
|
|
133
|
+
$('.btn').show();
|
|
134
|
+
}, 3000);
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
</script>
|
|
138
|
+
<script src="js/jquery-3.3.1.min.js"></script>
|
|
139
|
+
<script>
|
|
140
|
+
$(document).ready(function(){
|
|
141
|
+
$('select').formSelect();
|
|
142
|
+
});
|
|
143
|
+
</script>
|
|
144
|
+
|
|
145
|
+
</body>
|
|
146
|
+
</html>
|
|
147
|
+
```
|
3
記載情報に誤りがありました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
動作環境は以下の通りです。
|
|
4
4
|
jQuwey:jquery-3.3.1.min
|
|
5
|
-
Materialize: 1.
|
|
5
|
+
Materialize: 1.0.0-beta
|
|
6
6
|
|
|
7
7
|
selectメニューを書いたのですが、Materializeを適応したらselectメニューが見えなくなってしまいました。
|
|
8
8
|
ソースを見る限りselectメニューは存在するのですが。。。どうしたらselectメニューを表示できるようになるでしょうか？
|
2
ご指摘を受けてタグを修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
cssの情報を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -77,7 +77,15 @@
|
|
|
77
77
|
</body>
|
|
78
78
|
</html>
|
|
79
79
|
```
|
|
80
|
+
```css
|
|
81
|
+
base.css
|
|
80
82
|
|
|
83
|
+
.button{
|
|
84
|
+
position: relative;
|
|
85
|
+
left: 8px;
|
|
86
|
+
}
|
|
87
|
+
```
|
|
88
|
+
|
|
81
89
|
理想像はこんなかんじです。
|
|
82
90
|
|
|
83
91
|
アドバイスとご教授のほどよろしくお願いします。
|